Salangdung_i의 기록

HTML5 시멘틱태그 본문

WEB FRONT END/HTML5+CSS

HTML5 시멘틱태그

Salangdung_i 2021. 10. 28. 09:02
728x90

시멘틱이란? 의미론적인, 의미가 통하는 뜻으로 시맨틱 태그를 보면 그 부분이 어떤 역할을 하는지 쉽게 알수 있다.
HTML4 가 <div>태그로 이루어졌다면 HTML5는 header, content, sidebar, footer 로 나누어졌다.

  • header - 머리말을 지정하는 태그
  • hn - 제목을 표시하는 태그
  • iframe - 외부 문서를 삽입하는 태그
  • section - 주제별 콘텐츠 영역을 지정하는 태그
  • article - 독립적인 콘텐츠 내용을 삽입하는 태그
  • footer - 제작 정보를 나타내는 태그
  • address - 사이트 제작자와 연락처를 나타내는 태그


참고 서적
http://m.yes24.com/Goods/Detail/85112155?pid=157529

Do it! HTML5+CSS3 웹 표준의 정석 - YES24

7년 연속 웹 분야 1위시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다7년 연속 웹 분야 1위를 굳건히 지키고 있는 『Do it! HTML5+CSS3 웹 표준의

m.yes24.com

(Do it! HTML5+CSS3 웹표준의 정석, 이지스퍼블리징(주), 2017)을 학습하고 개인 학습용으로 정리한 내용입니다.

"Icon made by Pixel perfect from www.flaticon.com"

728x90

'WEB FRONT END > HTML5+CSS' 카테고리의 다른 글

CSS 기초  (0) 2021.11.01
HTML 멀티미디어 태그  (0) 2021.10.29
HTML 폼 태그  (0) 2021.10.28
HTML 이미지 관련 태그  (0) 2021.10.28
HTML 텍스트 관련 태그  (0) 2021.10.28