การแนะนำบทความของ wulin.com (www.vevb.com): ข้อกำหนดความสอดคล้องสำหรับเอกสาร HTML5 ควรได้รับการกำหนดและแม้กระทั่งองค์ประกอบใหม่คุณลักษณะแอตทริบิวต์ API และโมเดลเนื้อหา ด้วยวิธีนี้เนื้อหาเว็บสามารถลดระดับลงอย่างหรูหราในตัวแทนผู้ใช้ที่มีอายุมากกว่าหรือน้อยกว่า มาใช้แบบฟอร์ม HTML5 เพื่อแสดงให้เห็น ประเภทใหม่ที่เพิ่มเข้ามาในอินพุตรวมถึงหมายเลขการค้นหาช่วงอีเมลวันที่ url ฯลฯ ค่าประเภทใหม่เหล่านี้อยู่ในเบราว์เซอร์ที่ไม่รองรับ
หมายเหตุ: ตัวอย่างในบทความนี้ควรแสดงในรหัส แต่เนื่องจาก doctype ที่เราใช้อยู่ตอนนี้คือ XHTML1.0 เบราว์เซอร์จึงไม่สามารถอ่านรหัส HTML5 ได้
อ่านรหัสดังนั้นจึงสามารถอธิบายได้ด้วยคำพูด
หลีกเลี่ยงความซับซ้อนที่ไม่จำเป็น
โซลูชันที่กระชับนั้นเป็นที่นิยมมากกว่าที่ซับซ้อนถ้าเป็นไปได้
ประเภทเอกสารของ HTML 4.01 ถูกตั้งค่าเช่นนี้ (ฉันละเว้นวงเล็บมุมเนื่องจากการแยกเบราว์เซอร์):
! doctype html สาธารณะ -// w3c // dtd html 4.01 // en
doctype ของ XHTML 1.0 คือ:
! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 เข้มงวด // en
ใน HTML 5 หากกำจัดความซับซ้อนที่ไม่จำเป็น
สนับสนุนเนื้อหาที่มีอยู่
เนื้อหาที่มีอยู่อาศัยการประมวลผลและพฤติกรรมของเอเจนต์ผู้ใช้ที่คาดหวังเพื่อให้ได้ฟังก์ชั่นที่คาดหวัง
การสนับสนุนเนื้อหาที่มีอยู่หมายถึงการสนับสนุน 100% สำหรับเนื้อหาที่มีอยู่
แก้ปัญหาที่แท้จริง
ปัญหาที่ต้องเผชิญกับเนื้อหาของหน้าเว็บไม่เหมาะสำหรับการแก้ปัญหาจริงที่ไม่สามารถตอบสนองความต้องการที่มีอยู่ได้
ตัวอย่างเช่นสมมติว่าฉันใช้ HTML 4 หรือ XHTML 1 ซึ่งสอดคล้องกับเนื้อหาทั้งหมดเช่นรายการผลิตภัณฑ์รวมถึงรูปภาพผลิตภัณฑ์ชื่อผลิตภัณฑ์การแนะนำผลิตภัณฑ์ ฯลฯ ฉันต้องการเพิ่มสามลิงก์ที่เหมือนกันในองค์ประกอบทั้งสามนี้ตามลำดับ อย่างไรก็ตามใน HTML5 คุณสามารถใช้แท็กเพื่อรวมบล็อกทั้งสามนี้ นั่นคือแท็ก A มีองค์ประกอบระดับบล็อก สิ่งนี้แก้ปัญหาที่แท้จริง
ค้นหาความจริงและเป็นประโยชน์
องค์ประกอบความหมายใหม่ใน HTML5 เป็นภาพสะท้อนที่เป็นไปตามหลักการของการแสวงหาความจริงและการปฏิบัติ
หากคุณดูที่หน้าเว็บตอนนี้อาจมีรหัสบางอย่างเช่นนี้: id = ide id = ide id = navigation id = ID หลัก = ID ด้านข้าง = ส่วนท้ายอย่างไรก็ตามใน HTML5 แท็กที่เพิ่มเข้ามาใหม่สามารถแทนที่ div ที่เกี่ยวข้องเช่นส่วนหัว, Nav, นอกเหนือจากส่วนท้าย อย่าคิดว่านี่เป็นสิ่งทดแทน ID ไม่แท็กใหม่เป็นสิ่งทดแทนคลาสจริงเนื่องจากแท็กเหล่านี้สามารถนำกลับมาใช้ซ้ำได้ในหน้า
การย่อยสลายที่มั่นคง
ควรกำหนดข้อกำหนดที่สอดคล้องกันสำหรับเอกสาร HTML5 และควรใช้องค์ประกอบใหม่แอตทริบิวต์ API และเนื้อหาเนื้อหา ด้วยวิธีนี้เนื้อหาเว็บสามารถลดระดับลงอย่างหรูหราในตัวแทนผู้ใช้ที่มีอายุมากกว่าหรือน้อยกว่า
มาใช้แบบฟอร์ม HTML5 เพื่อแสดงให้เห็น ประเภทใหม่ที่เพิ่มเข้ามาในอินพุตรวมถึงหมายเลขการค้นหาช่วงอีเมลวันที่ url ฯลฯ ค่าประเภทใหม่เหล่านี้จะถูกตีความเป็นข้อความในเบราว์เซอร์ที่ไม่รองรับ ดังนั้นคุณสามารถใช้รูปแบบ HTML5 อย่างกล้าหาญซึ่งสามารถลดระดับลงได้อย่างสง่างาม
ลำดับความสำคัญของผู้ใช้
เมื่อพบความขัดแย้งแล้วผู้ใช้จะได้รับการยอมรับตามด้วยผู้เขียนผู้ดำเนินการผู้ติดตั้งมาตรฐานและในที่สุดความสมบูรณ์แบบทางทฤษฎี
PDF: การออกแบบ HTML5