2008년 03월 16일
CSS <b>대신 <strong>을, <i>대신 <em>을 사용하기
W3C의 HTML 4.01문서의 <strong>과 <em> 태그의 정의
"문구(phrase) 엘리먼트는 텍스트의 일부에 구조적인 정보를 부여한다.
<em> : 강조(emphasis)
<strong> : 강한 강조(stronger emphasis)
일반적으로 사용하는 문구 엘리먼트의 의미는 위와 같다."
: <em>태그와 <strong> 태그는 단순의 이탤릭체로 표시하고 굵은 체로 표시하는 역할 외에도 음성합성기 사용자 에이전트에게 볼륨, 높이, 속도 등의 음성합성 파라미터를 다르게 적용한다.
스트린 리더 프로그램이라고 부르는 음성합섭 사용자 에이전트는 강조된 단어나 문구를 그 목적에 맞게 다룬다는 얘기다.
: 강조할 의도가 없이 단순히 텍스트를 굵게 하거나 기울임을 줄 경우(시각적인 효과)에는 CSS를 사용하여 완벽하게 문서구조와 문서모양을 분리시켜 줄수 있다.
글꼴 굵기 지정
#bold{
font-weigth: bold;
}
이탤릭체 지정
#italic{
font-style: italic;
}
: 이탤릭과 굵은 체를 동시에 지정할 경우, 어떤 것을 적용해야 하는가에 먼저 결정해야 할 필요가 있다.
일반적인 강조일 경우 <em>태그를, 그 보다 좀더 강한 강조라면 <strong> 태그를 사용해 텍스트를 마크업해준다.
<abbr> : 약자(예. WWW, HTTP, URL, 등)
<acronym> : 두문자어(예. WAC, NATO, 등)
정의된 문자는 한 단어처럼 읽지않고 철자를 하나씩 읽도록 지정
abbr{
speak: spell-out;
}
정의된 문자를 헐자로 하나씩 읽지 않고 한 단어로 읽도록 지정
acronym{
speak: normal:
border-bottom: 1px dotted;
cursor: help;
}
: (corsur: hep;)마우스 커서를 도움말 모양으로 바꿔서 클릭이 가능한 링크가 아니라는 것을 알려주고 툴팁으로 확장되는 것임을 알려준다.
아직까지 윈도우용 IE에서는 <abbr> 태그에 대한 스타일이나 툴팁을 지원하지 않고 있습니다.
# by | 2008/03/16 15:20 | 느린나무의 Program | 트랙백





☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]