โดยทั่วไปแล้วการจัดระเบียบไฟล์ของหน้าเว็บมาตรฐานคือ XHTML CSS ในหมู่พวกเขา XHTML ส่วนใหญ่จะใช้เพื่อแสดงโครงสร้างหน้าเว็บและการแสดงเนื้อหาในขณะที่ CSS กำหนดเค้าโครงโครงสร้างและแก้ไขสไตล์เนื้อหา
XHTML ที่ใช้กันทั่วไปสำหรับเลย์เอาต์โดยทั่วไปรวมถึง:
Div: ส่วนใหญ่จะใช้สำหรับการใช้ตรรกะของเนื้อหาหน้าเว็บ ตัวอย่างเช่นหน้าเว็บโดยทั่วไปจะมีพาร์ติชันที่รับผิดชอบเช่นส่วนหัวการนำทางแถบด้านข้างเนื้อหาและลิขสิทธิ์ คุณสามารถใช้การแบ่งส่วนแท็ก div ในเวลานี้
ในเวลาเดียวกันแนะนำให้ใช้การตั้งชื่อต่อไปนี้สำหรับแต่ละบล็อก:
ต่อไปนี้เป็นเนื้อหาที่ยกมา:
ส่วนหัว: <div id = massthead> </div>
การนำทาง: <div id = globalnav> </div>
แถบด้านข้าง: <div id = navbar> </div>
เนื้อหา: <div id = เนื้อหา> </div>
ลิขสิทธิ์: <div id = ลิขสิทธิ์> </div>
หมายเหตุ: ID นั้นไม่ซ้ำกันนั่นคือ ID จะต้องไม่ปรากฏเกินกว่าสองครั้งในหน้าเดียวกัน มิฉะนั้นใช้คลาส
UL: เดิมเป็นรายการที่ไม่ได้เรียงลำดับและมักจะใช้เพื่อแสดงองค์ประกอบที่เทียบเท่าของคลาสที่ไม่ใช่โครงสร้างในแอปพลิเคชัน XHTML CSS มันจะต้องใช้ร่วมกับองค์ประกอบลูกของ UL
ต่อไปนี้เป็นเนื้อหาที่ยกมา:
<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 เป็นองค์ประกอบในบรรทัด (ดูองค์ประกอบในบรรทัดและองค์ประกอบระดับบล็อก) ผ่านช่วงการขยายองค์ประกอบส่วนในเซ็กเมนต์หรือองค์ประกอบแถวสามารถกำหนดได้แยกกัน
ตัวอย่างเช่น:
ต่อไปนี้เป็นเนื้อหาที่ยกมา:
<ul>
<li> <span> (2006-11-13) </span> XHML CSS Summary </li>
</ul>
การกำหนดช่วงขณะที่ลอยซ้าย/ขวาใน CSS สามารถเปิดใช้งานการแสดงวันที่และชื่อทั้งสองด้าน สิ่งนี้ค่อนข้างใช้
ต่อไปนี้เป็นเนื้อหาที่ยกมา:
<ul>
<li> 2007-11-5vevb.com </li>
<li> XHML CSS Layout Summary </li>
</ul>
มันง่ายกว่ามาก
-
หลังจากพูดคุยเกี่ยวกับแท็ก XHTML ทั่วไปสำหรับเค้าโครงแล้วยังมีแท็ก XHTML ที่ใช้ในการแสดงเนื้อหาหน้าเว็บ ตัวอย่างเช่น:
ต่อไปนี้เป็นเนื้อหาที่ยกมา:
<img src = alt = title = /> หมายถึงรูปภาพ
<a href = title => </a> หมายถึงไฮเปอร์ลิงก์
<Hn> </hn> (n = 1,2, ... , 6) ระบุชื่อเนื้อหาหน้าเว็บ
ขอแนะนำว่า H1-H6 ลดลงตามลำดับตามความสำคัญและ H1 เป็นชื่อที่สำคัญที่สุด (ดู Greengnn: Div CSS การตั้งชื่ออ้างอิง)
ในขั้นต้นมีการใช้ฉลากที่เป็นตัวแทนของตัวหนาและตัวเอียงและฉลากถูกเลือกให้ใช้ <strong> </strong> และ <em> </em> แทน