[HTML5] HTML5 기초 : 의미가 변경된 TAG



태그들의 의미가 기존에 알고 있던 부분에서 추가 되거나 변경된 부분들입니다.
대부분 우리가 알고 사용하던 부분에서 조금씩 가감이 있다고 생각하면 됩니다. a를 좀더 넓은 범위에서 사용할 수 있게 된 점과 글자에 대한 강조부분 메뉴부분이 눈에 띄네요.


a
- href 속성없이도 사용할 수 있습니다. 그리고 a요소 안에 버튼과 같은 상호작용하는 요소가 없으면 전체 문단, 리스트, 표, 섹션 등을 모두 포함할 수 있습니다.

address
- address요소는 이제 실제 주소가 사용되는 곳에만 적용이 됩니다.

b
- 단순히 진하게 표시하려고만 할 때 사용합니다. 진하면서 강조하고 싶으면 그대로 strong를 사용하시면 됩니다.

hr
- Html5이전에는 단순히 선을 긋는 의미였지만 Html5에서는 컨텐츠가 경계, 주제가 바뀔 때, 문단, 단락을 나눌 때 사용하시면 됩니다. 이는 지금 여러사람들이 웹표준으로 혹은 접근성으로 마크업하고 있는 방법이니 쓰시던 분은 편하실 듯.

i
- 단순히 텍스트를 기울어지게 표현하는 것을 떠나서 주변의 텍스트들과는 정보가 있다는 의미로 사용하시면 됩니다. strong보다는 덜 한 강조의 의미.

label
- 클릭했을때 위치가 이동하는 녀석으로도 사용하는데 이제는 플랫폼 수준에서만 표준으로 사용합니다.

menu
- 이전 html버전에서는 사용하지 않도록 권고되어 사용하지 않았었는데 Html5에서는 실제문서 메뉴 정보를 제공할 때 사용합니다.

small
- 세부 주석이나 법적 인쇄 문서에서 작은 인쇄 정보를 표시할 때 사용합니다.

strong
- '너 중요해!' 할 때

* 실전 HTML5 가이드 외 참조

댓글

이 블로그의 인기 게시물

[iOS] body 스크롤 막기

[html] 모바일웹 작업 팁 정리중...

Swiper lazyLoading