หลังจากแนะนำวิธีการใช้ JavaScript และ CSS อย่างถูกต้องใน XHTML การออกแบบเว็บยังคงนำแนวทาง 16 ข้อสำหรับความเข้ากันได้ของ XHTML ด้วย HTML!
1. หลีกเลี่ยงการประกาศหน้าเป็นประเภท XML และใช้ชุดอักขระ UTF-8 หรือ UTF-16 ในหน้า
2. เพิ่ม slash /ก่อนที่อักขระสิ้นสุด> ของฉลากองค์ประกอบว่าง (ฉลากไม่สามารถใช้เพื่อบรรจุเนื้อหา) เช่น: <br />, <hr />, ฯลฯ
3. เมื่อองค์ประกอบที่ไม่ว่างเปล่า (ฉลากนี้ใช้เพื่อมีเนื้อหาเช่นชื่อเรื่องวรรค) ว่างเปล่าให้อักขระว่างเปล่าและอย่าใช้วิธีการสิ้นสุดเช่นองค์ประกอบที่ว่างเปล่าเช่น: เมื่อแท็ก P ที่ไม่มีเนื้อหาโปรดเขียน: <p> </p> แทน <p />
4. เมื่อ <, &,]]> หรือสองแถบแนวนอนติดต่อกันปรากฏในสไตล์และเนื้อหาสคริปต์ของคุณโปรดใช้ไฟล์ภายนอกเพื่อแนะนำ
5. หลีกเลี่ยงการทำลายเส้นหรือช่องว่างหลายช่องในค่าแอตทริบิวต์องค์ประกอบ
6. อย่ารวมองค์ประกอบ ISINDEX มากกว่าหนึ่งองค์ประกอบในส่วนหัวของเอกสาร (ไม่ควรใช้) ไม่แนะนำองค์ประกอบนี้
ISINDEX: ทำให้เบราว์เซอร์แสดงกล่องโต้ตอบที่แจ้งให้ผู้ใช้ป้อนข้อความบรรทัดเดียว
ใน HTML 4 องค์ประกอบนี้เลิกใช้แล้วและแนะนำองค์ประกอบอินพุต คุณสมบัติ Tagname ของ ISINDEX จะส่งคืนอินพุต
องค์ประกอบนี้เป็นองค์ประกอบบล็อกและองค์ประกอบนี้จำเป็นต้องปิดแท็ก
ตัวอย่างต่อไปนี้ใช้องค์ประกอบ ISINDEX เพื่อแทนที่พรอมต์เริ่มต้น:
<isIndex prompt = ป้อนคำหลักดัชนีเพื่อค้นหา/
7. เมื่อคุณต้องการระบุภาษาเป็นองค์ประกอบโปรดใช้แอตทริบิวต์ Lang และ XML: Lang ค่าของ XML: Lang มีลำดับความสำคัญสูงกว่า
8. โปรดใช้แอตทริบิวต์ ID เป็นตัวระบุองค์ประกอบหลีกเลี่ยงการใช้แอตทริบิวต์ชื่อโดยเฉพาะอย่างยิ่งในองค์ประกอบเหล่านี้มันไม่เห็นด้วยกับการใช้แอตทริบิวต์ชื่อเป็นตัวระบุ: A, Applet, Form, Frame, IFRAME, IMG, MAP
9. กำหนดชุดอักขระเอกสารสำหรับหน้าและกำหนดชุดอักขระสำหรับเอกสาร XML
<? XML เวอร์ชัน = 1.0 การเข้ารหัส = UTF-8?>
กำหนดชุดอักขระสำหรับ xhtml
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8 />
10. โปรดใช้ชื่อแอตทริบิวต์สำหรับค่าแอตทริบิวต์ประเภทบูลีนประเภทเช่น: ตรวจสอบ = ตรวจสอบ องค์ประกอบประเภทบูลีนรวมถึง: กะทัดรัด, nowrap, ismap, ประกาศ, noshade, ตรวจสอบ, ปิดใช้งาน, อ่านอย่างเดียว, หลาย, เลือก, noresize, defer
11.HTML4 และ XML โมเดลวัตถุเอกสารระบุว่าองค์ประกอบ HTML และชื่อแอตทริบิวต์ส่งคืนรูปแบบตัวพิมพ์ใหญ่ องค์ประกอบและชื่อแอตทริบิวต์ใน XHTML กลับสู่รูปแบบตัวพิมพ์เล็ก
12. ใช้ & amp; เพื่อแทนที่ & สัญลักษณ์ในค่าคุณสมบัติเช่น:
http://www.w3cgroup.com/default.asp?cateid=2&page=2
ดีกว่าต่อไปนี้:
http://www.w3cgroup.com/default.asp?cateid=2&page=2
13. ใน XHTML สไตล์แท็กสไตล์ CSS และชื่อแอตทริบิวต์จะต้องเป็นตัวพิมพ์เล็ก
ในตาราง HTML, tbody จะถูกเติมโดยอัตโนมัติในระหว่างการแยกวิเคราะห์ แต่ไม่ได้อยู่ใน XML ดังนั้นคุณต้องเพิ่มองค์ประกอบ tbody ด้วยตัวเองถ้าคุณใช้มันในตัวเลือก CSS;
เมื่อ CSS เลือกองค์ประกอบด้วยแอตทริบิวต์ ID ให้ใช้ # selector;
เมื่อ CSS เลือกองค์ประกอบที่มีแอตทริบิวต์คลาสให้ใช้ ตัวเลือก;
14. วิธีใช้องค์ประกอบสไตล์เมื่อแยกวิเคราะห์เอกสาร XML? ใน HTML4 และ XHTML องค์ประกอบสไตล์สามารถใช้เพื่อกำหนดกฎสไตล์ในเอกสาร ใน XML สไตล์ชีท XML ใช้เพื่อกำหนดกฎสไตล์ เพื่อให้เข้ากันได้กับกฎนี้หากคุณต้องการใช้องค์ประกอบสไตล์เมื่อแยกวิเคราะห์เอกสาร XML องค์ประกอบสไตล์จำเป็นต้องใช้แอตทริบิวต์ ID เป็นตัวระบุและต้องมีสไตล์ชีท XML เพื่ออ้างถึง::
<? xml-stylesheet href = http: //www.w3.org/stylesheets/tr/w3c-rec.css type = text/css?>
<? xml-styleheet href =#internalstyle type = text/css?>
<! doctype html
สาธารณะ -// w3c // dtd xhtml 1.0 เข้มงวด // en
http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml xml: lang = en lang = en>
<head>
<title> ตัวอย่างสไตล์ชีทภายใน </title>
<style type = text/css id = internalstyle>
รหัส {
สี: สีเขียว;
Font-Family: Monospace;
Font-Weight: ตัวหนา;
-
</style>
</head>
<body>
<p>
W3Cgroup แนะนำแนวทาง 16 ข้อสำหรับ XHTML ที่เข้ากันได้และ HTML!
<code> http://www.w3cgroup.com/article.asp?id=252 </code>
</p>
</body>
</html>
15. ให้ความสนใจกับตัวละครช่องว่างใน HTML และ XML ตัวละครบางตัวที่ถูกกฎหมายในเอกสาร HTML อาจผิดกฎหมายใน XML ตัวอย่างเช่นใน HTML อักขระฟีดหน้า (ตัวละครฟอร์ฟฟีด U+000C) จะถูกแยกวิเคราะห์ลงในช่องว่างในขณะที่ใน XHTML มันจะผิดกฎหมายเนื่องจากคำจำกัดความของอักขระของ XML
16 โปรดทราบว่าอักขระพิเศษ & apos; (Ellipsis, U+0027) ได้รับการแนะนำใน XML1.0 แต่พวกเขาไม่ปรากฏใน HTML หากคุณใช้ "แทนที่ & apos;" เพื่อใช้ "แทนที่ & apos;" เพื่อใช้เพื่อใช้ใน HTML4
แปลโดย http://www.w3cgroup.com โปรดระบุแหล่งที่มาเมื่อพิมพ์ซ้ำ!
ดู: http://www.w3.org/tr/xhtml1/#guidelines