일반적으로 표준 웹 페이지의 파일 구성은 XHTML CSS입니다. 그중에서도 XHTML은 주로 웹 페이지 구조 및 디스플레이 컨텐츠를 나타내는 데 사용되는 반면 CSS는 구조 레이아웃을 정의하고 컨텐츠 스타일을 수정합니다.
레이아웃에 일반적으로 사용되는 XHTML에는 일반적으로 다음이 포함됩니다.
DIV : 주로 페이지 컨텐츠의 논리적 청크에 사용됩니다. 예를 들어, 웹 페이지에는 일반적으로 헤더, 내비게이션, 사이드 바, 컨텐츠 및 저작권과 같은 책임있는 파티션이 포함됩니다. 현재 DIV 태그 세분화를 사용할 수 있습니다.
동시에 각 블록에 다음과 같은 이름을 권장합니다.
다음은 인용 된 내용입니다.
헤더 : <div id = masthead> </div>
내비게이션 : <div id = globalnav> </div>
사이드 바 : <div id = navbar> </div>
내용 : <div id = content> </div>
저작권 : <div id = Copyright> </div>
참고 : ID는 고유합니다. 즉, 동일한 페이지에서 ID가 두 번 이상 나타나지 않아야합니다. 그렇지 않으면 클래스를 사용하십시오.
UL : 원래는 순서가없는 목록이었으며 종종 XHTML CSS 응용 프로그램에서 비 구조 클래스의 동등한 요소를 나타내는 데 사용됩니다. UL의 자식 요소 Li와 함께 사용해야합니다.
다음은 인용 된 내용입니다.
<div>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
SPAN :이 요소를 DIV와 비교하면 SPAN은 가방이고 DIV는 상자입니다 (Xiaoyi : XHTML 코드의 기본 응용). 실제로 Div는 블록 레벨 요소이며 Span은 인라인 요소 (인라인 (인라인) 요소 및 블록 레벨 요소 참조)입니다. SPAN을 통해 세그먼트 또는 행 요소의 단편 요소는 별도로 정의 될 수 있습니다.
예를 들어:
다음은 인용 된 내용입니다.
<ul>
<li> <pan> (2006-11-13) </span> XHML CSS 레이아웃 요약 </li>
</ul>
CSS의 왼쪽/오른쪽 부동으로 스팬을 정의하면 양쪽에 날짜 및 제목이 표시 될 수 있습니다. 이것은 비교적 사용됩니다
다음은 인용 된 내용입니다.
<ul>
<li> 2007-11-5vevb.com </li>
<li> XHML CSS 레이아웃 요약 </li>
</ul>
훨씬 간단합니다.
====================================================
레이아웃에 대한 일반적인 XHTML 태그에 대해 이야기 한 후 웹 페이지 컨텐츠를 표시하는 데 사용되는 XHTML 태그도 있습니다. 예를 들어:
다음은 인용 된 내용입니다.
<img src = alt = title = />은 이미지를 의미합니다
<a href = title => </a>는 하이퍼 링크를 의미합니다
<hn> </hn> (n = 1,2, ..., 6)는 페이지 내용 제목을 나타냅니다
H1-H6은 중요성에 따라 순서대로 감소하는 것이 좋습니다. H1은 가장 중요한 제목입니다 (Greengnn : Div CSS Naming Reference 참조).
원래 대담하고 이탤릭체를 나타내는 레이블이 사용되었으며 레이블은 대신 <strong> </strong> 및 <em> </em>을 사용하도록 선택되었습니다.