HTML5에서 태그 의미론은 태그와 속성의 용도와 기능을 보다 직관적으로 이해할 수 있는 능력을 말하며, 태그 의미론은 사용자가 더 쉽게 읽을 수 있고, 스타일이 손실되면 페이지가 명확한 구조를 가질 수 있습니다. 개발 및 유지 관리에 도움이 되는 일반적인 의미 태그에는 "
이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML5 태그 시맨틱이란 무엇인가요?
시맨틱 태그의 도입은 이름에서 알 수 있듯이 전체 화면 div 레이아웃에 대한 좋은 솔루션으로 사람들이 각 태그의 역할과 의미를 한눈에 볼 수 있도록 해줍니다. 적절한 의미를 지닌 태그를 사용하여 페이지의 구조를 좋게 하고 페이지 요소에 의미를 부여하며 검색 엔진에서 쉽게 이해할 수 있도록 합니다. 그림은 시맨틱 태그의 역할을 명확하게 보여줄 수 있는데, 이는 전체를 하나씩 구성하는 것과 같은 느낌입니다.
"의미론적": 인간의 개입을 줄이면서 정보를 조사하고 수집하는 기계의 능력을 말하며 기계가 웹 페이지를 이해할 수 있도록 하면 궁극적으로 우리에게 도움이 됩니다.
HTML 태그 의미: 태그(markup)와 속성(attribute)의 목적과 기능을 누구나 직관적으로 이해할 수 있도록 해줍니다.
1. Hx 시리즈는 굵은 글꼴과 큰 글꼴 크기를 가지고 있기 때문에 제목과 많이 비슷해 보이는 것은 당연합니다.
2.,은 톤을 강화하는 데 사용됩니다.
3. 콘텐츠의 구조(콘텐츠 의미론)에 따라 적절한 태그(코드 의미론)를 선택하여 개발자가 읽기 쉽도록 하고, 크롤러와 브라우저가 잘 파싱할 수 있도록 하면서 더욱 우아한 코드를 작성합니다.
다음은 일반적인 시맨틱 태그와 해당 기능입니다.