HTML5 dfn,abbr 엘리먼트(element)

웹표준/HTML5 훑어보기 2010.06.28 14:56

HTML5 dfn, abbr 엘리먼트(element)

dfn 엘리먼트(element)

dfn엘리먼트는 문장에서 정의할 단어를 감싼다. 다음은 티스토리에 대한 예.


<p><dfn>티스토리</dfn>는 한국 서비스형 블로그</p>

abbr 엘리먼트(element)

abbr엘리먼트는 약어나 두음자어를 나타낼 때사용한다. API (application programming interface)를 예로 보자.


<p><abbr>API</abbr>는 뭐뭐는 어쩌고 저쩌고</p>
<p><abbr tittle="application program
ming interface">API</abbr>는...</p>

tittle은 얄자를 API 설명해주고 있다. dfn은 약자를 정의해 주는 것이다 따라서 같은 코딩의 뜻을,

다음과 같이 사용할 수도 있다.


<p><abbr tittle="application programming inte
rface">API</abbr>는...</p>
<p><dfn tittle="API">Application Progr
amming Interface</dfn>는...</p>

두 코딩은 같은 의미이다. 단 생각해볼점은 다음과 같다.

abbr 엘리먼트의 tittle은 검색엔진에서 검색되지않는다 까라서 코딩할때 tittle로 넣을것인지 인라인 텍스트로 dfn으로 넣을것인지 고려해야한다.예제를 생각하면 검색할때 API가 검색되길 바라는지 Application Programming Interface가 검섹되기를 바라는지 뜻이다.

마지막으로 같은 abbr의 내용이 있다면 여러번 tittle속성을 사용할 필요없다.


<p><abbr tittle="application programming inte
rface">API</abbr>는...
또한<abbr>API</abbr>는 뭐뭐는 어쩌고 저쩌고..</p>


저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바