우리 모두는 건물의 중요한 구성 요소는 기초를 세우는 것이며 견고하고 좋은 기초가 없다는 것을 알고 있습니다. 화려한 외관과 장식은 더 이상 존재하지 않습니다. 우리는 웹 태그를 준수하는 웹 페이지를 구축하며 대부분의 사람들은 CSS 기술과 그 응용 프로그램에 더 관심을 갖고 있습니다. 그러나 우리는 CSS가 아무리 강력하더라도 XHTML에도 영향을 미친다는 점을 이해해야 합니다. 잘 구조화된 XHTML 기반이 없으면 레이아웃을 구현하기가 더 어려울 것입니다. 아마도 우리의 기반은 매우 탄탄하지만 복잡한 세부 사항과 불합리한 구조 또한 우리의 발전에 장애물이 될 것입니다.
웹 초기에는 HTML은 기본적인 형태와 구조를 추가하는 데에만 사용되었습니다. 인터넷이 발달하면서 페이지를 표현하기 위해 HTML이 사용되었습니다. 우리는 원하는 모양을 얻기 위해 다양한 조합을 사용합니다. 문서 제목을 굵게 표시하기 위해 B 태그를 사용하는 데 익숙하지만 이를 표시하기 위해 제목 h1~h6을 사용하지 않습니다. 더 중요한 것은 레이아웃을 위해 테이블을 실행한다는 점입니다. 초기에는 테이블이 레이아웃 및 레이아웃 표시용이 아닌 테이블 데이터를 표시하는 데만 사용되었다는 점입니다. 글꼴 디자인, 표, 볼드체 등이 엉망이 되었습니다. 이해할 수 없게 됩니다. 그리고 점점 더 복잡해지고 있습니다.
우리는 웹 페이지를 처리하기 위해 Dreamweaver와 같은 WYSIWYG 도구에 점점 더 의존하고 있지만 불행하게도 이러한 소프트웨어는 이러한 혼란스러운 상황을 개선하지 못하고 대신 자체적으로 더 복잡한 마크업을 추가합니다. 이 경우 더 이상 코드를 직접 편집할 수 없으며 모든 것이 정말 나빠 보입니다.
CSS의 출현으로 우리는 웹 표준을 준수하는 웹 페이지 구축에 대한 희망을 보았고, 사람들은 콘텐츠와 성능을 분리하기 위한 웹 사이트 재구성에 점점 더 많은 관심을 기울이고 있습니다. 글꼴, b, i 등과 같은 일부 의미 없는 태그를 제거할 수 있습니다. 이러한 작업은 CSS에 맡기고 페이지를 작성하기 위해 테이블을 사용하는 대신 레이아웃에 CSS를 사용할 수 있습니다.
태그 자체의 의미에 따라 문서를 생성할 수 있고, 브라우저의 기본 스타일을 사용하여 CSS를 통해 모양을 재정의할 수 있습니다. 콘텐츠의 제목, 단락 또는 목록은 CSS를 통해 재설정할 수 있습니다. 제목은 크고, 굵고, 보기 흉할 필요가 없습니다. 단락은 줄 간격과 들여쓰기를 제어할 수 있습니다. 목록은 수직일 필요가 없으며, 수평으로 정렬할 수도 있습니다. 등.
의미 있는 태그의 이점은 코드 내용을 더 쉽게 이해하고 처리할 수 있게 해줍니다. 예를 들어 페이지의 모든 외부 링크를 수정해야 하는 경우 이러한 요소에 적절한 태그를 추가하면 쉽게 찾아서 수정할 수 있습니다. 모든 것이 뒤섞여 있으면 어디서부터 시작할 수 없습니다.
개발을 더 쉽게 만드는 것 외에도 다른 장치와 프로그램도 문서를 더 잘 이해할 수 있습니다. 가장 일반적인 것은 검색 엔진이 기사 내용의 제목과 부제를 쉽게 찾을 수 있다는 것입니다. 시청자가 휴대용 독서 장치를 사용하는 경우 제목, 콘텐츠 등을 활용하여 좋은 탐색 및 표시 비율을 제공할 수 있습니다.
가장 중요한 것은 의미 있는 HTML 태그가 원하는 스타일로 요소를 조정하는 쉬운 방법을 제공한다는 것입니다. 이러한 의미 있는 태그는 문서에 기본 구조 프레임워크 모델을 생성하며 다른 요소를 추가할 필요가 없습니다. 다른 식별자는 성능을 직접 제어할 수 있습니다.
이러한 의미 있는 태그에는 주로 다음이 포함됩니다.
h1, h2...h6;
ul,ol,dl;
강하다, 그들;
인용문,인용;
약어, 약어, 코드;
필드셋, 범례, 라벨;
캡션, thead, tbody, tfoot 등
CSS 페이지 레이아웃에서는 사용할 수 있으면 다른 것을 사용하지 마십시오. 의미 있는 HTML 태그를 사용해 보세요.