Wulin.com의 이전 자습서에서는 웹 페이지 HTML 파일에 의미론이있는 것을 여러 번 강조했습니다. 웹 페이지 HTML 문서의 구조를 기반으로 가장 적합한 HTML 또는 XHTML 태그를 선택하여 모양과 스타일을 기준으로 선택하지 않고 선택해야합니다. P 태그를 사용하여 새로운 라인 효과를 얻기 위해 사용하는 대신 단락을 정의하십시오. 텍스트 크기와 대담한 효과를 달성하기 위해 사용하는 대신 H1-H6 태그를 사용하여 제목을 표시합니다.
예를 들어, 제목은 H1로 정의 할 수 있습니다.
<H1> 기사의 제목 텍스트는 여기에 쓰여집니다 </h1>
그리고 그것을 정의하는 데 다른 방법을 사용해서는 안됩니다.
<p style = font-size : 16px; Font-Weight : Bold;> 기사의 제목 텍스트는 여기에 작성되었습니다 </p>
Wulin.com의 이전 기사에서 XHTML1.0에서 허용하는 모든 태그를 나열했으며 실제로 선택할 수있는 요소 태그가 거의 없음을 알 수 있습니다. 그러나 우리는 또한 이러한 정제 된 원소 마크도 더 의미가 있음을 분명히 알고 있습니다. 실제로 표시 할 올바른 요소를 찾을 수 없다면 공통 DIV 및 SPAN 태그를 사용할 수 있습니다.
페이지에 divs 및 span 태그를 사용하는 것은 새로운 문제이며, 우리는 그것들을 너무 많이 사용하기 쉽습니다. DIV의 필요하고 합리적인 사용은 문서의 구조를 크게 향상시킬 수 있습니다. HTML 문서를보고 DIV와 스팬이 많다는 것을 알게되면 다른 관점에서 문제를 살펴 봐야합니다. 학대가 있습니까? 교체 할 마커가 더 있습니까? H1이 표시된 컨텐츠를 더 잘 표현할 수 있다면 정의를 위해 P 또는 스팬을 포기해야합니다.
아마도 이것은 한 쌍의 모순 일 것입니다. 그리고 우리가 올바르게 사용하는 방법을 파악하기가 어렵거나 전혀 명확한 대답을 얻을 수 없습니다. 그러나 명확히해야 할 한 가지는 문서를 논리적으로 명확하고 쉽게 적용 할 수 있어야한다는 것입니다. DIV를 컨테이너 또는 문서의 구성 요소로 볼 수 있습니다. 우리는 너무 많은 용기를 사용하여 현명한 패턴이 아닙니다. 합리적인 위치에있는 컨테이너는 전체 문서를 매우 정리하게 만들 수 있습니다.
다음 코드는 더 합리적이고 효과적입니다.
<div id = 헤더>
<h1> wulin.com vevb.com. 도착에 오신 것을 환영합니다 </h1>
<h2> wulin.com Webjx.com은 최신의 가장 빠른 웹 기술을 제공합니다 </h2>
<p> wulin.com vevb.com은 웹 제작 자습서, 동적 웹 제작 자습서, 웹 사이트 빌딩 가이드, 플래시 애니메이션 자습서, 비디오 자습서, 웹 특수 효과 코드, 웹 자료, 책 다운로드 및 기타 컨텐츠를 제공합니다. 나는 그것이 당신의 일과 공부에 당신을 도울 수 있기를 바랍니다. </p>
</div>