구조와 표현을 분리하는 또 다른 중요한 측면은 문서 컨텐츠를 구성하기 위해 시맨틱 마크 업을 사용하는 것입니다. XHTML 요소의 존재는 태그 된 컨텐츠의 일부가 해당 구조적 의미를 가지며 다른 태그를 사용할 이유가 없음을 의미합니다. 다시 말해, CSS가 <p> 태그 제목 대신 <div>를 사용하는 것과 같은 다른 HTML 요소처럼 보이게하지 마십시오.
우선, 그것은 의미론과 기본 스타일의 차이에 관한 것입니다. 기본 스타일은 브라우저에서 설정 한 일반적으로 사용되는 일부 태그의 표현입니다. 나는 개인적으로 그 주요 목적은 모든 사람이 마크 업과 속성의 용도와 기능에 직관적으로 익숙해 지도록하는 것이라고 생각합니다. HX 시리즈는 대담하고 더 큰 글꼴 크기를 가지고 있기 때문에 제목과 매우 유사하게 보입니다. <strong>, <em>는 그것을 다른 단어와 구별하는 데 사용되며 강조 역할을합니다. 목록과 테이블에 관해서는, 그들이 무엇을하는지 말해주는 것이 분명합니다.
둘째, 시맨틱 웹 페이지에서 가장 중요한 것은 검색 엔진에 친숙하고 구조와 의미론이 좋으면 웹 페이지 컨텐츠가 자연스럽게 쉽게 검색 엔진으로 크롤링되며 웹 사이트 프로모션은 많은 노력을 절약 할 수 있습니다.
특정 의미와 용도는 XHTML1.0 태그 참조에 설명되어 있습니다. 쉽게 잊혀지거나 혼란스러운 태그와 속성이 여기에 보완됩니다.
<HX><h1>, <h2>, <h3>, <h4>, <h5>, <h6>은 제목으로 사용되며 중요성에 따라 줄어 듭니다. <H1>은 최고 수준입니다.
예를 들어:
샘플 코드 [www.cuoxin.com]