จุดประสงค์ของการสอนขั้นสูง HTML คือการสำรวจข้อดีของ HTML และเพิ่มประสิทธิภาพความสัมพันธ์และความสะดวกในการใช้งาน
เนื่องจากการสอนระดับประถมศึกษา HTML และการสอนระดับกลาง HTML ใช้ท่าทางของการใช้มาตรฐาน HTML ล่าสุด (XHTML เวอร์ชัน 1.0 หรือสูงกว่า) บางคนที่ไม่ได้อ่านบทเรียนระดับประถมศึกษาและระดับกลางอาจพบได้ยากที่จะเข้าใจบางแง่มุมของการสอนนี้ โดยรวมแล้วแต่ละส่วนของบทช่วยสอนนี้จะถือว่าคุณมีความเข้าใจภายในและภายนอกของ HTML และต้องการพัฒนาศักยภาพต่อไป
บทช่วยสอนนี้มีไว้สำหรับผู้ที่เข้าใจ HTML อยู่แล้ว แต่ไม่สามารถทดสอบมาตรฐาน XHTML ในอนาคตและมีความหมายโดยนัยในการแยกเนื้อหาและการแสดงออก
แยกเนื้อหาและประสิทธิภาพHTML ไม่เคยเป็นวิธีการแสดงออก แต่จากด้านผู้ใช้มันรวมองค์ประกอบในการจัดรูปแบบข้อความนักพัฒนาค้นหาวิธีการใช้งานเลย์เอาต์ พลังของ CSS ทำให้ไม่จำเป็นต้องใช้ HTML อีกต่อไปเพื่อดำเนินการเป็นตัวแทนใด ๆ และเนื้อหาสามารถแยกออกจากการเป็นตัวแทน (CSS) ได้อย่างสมบูรณ์
มีประโยชน์มากมายในการทำสิ่งนี้ - มันมักจะบีบอัดความจุไฟล์มีความยืดหยุ่นในการควบคุมเว็บไซต์ทั้งหมดแทนที่จะเป็นหน้าเดียวที่มีแผ่นสไตล์หลักและอาจทำให้หน้าใช้งานง่ายขึ้นและมีความสัมพันธ์มากขึ้น
การปฏิบัติตามหลักการพื้นฐานเหล่านี้โดยทั่วไปหมายความว่าคุณไม่ควรใช้อะไรที่มีสไตล์ภายใน HTML อีกต่อไป ตัวอย่างเช่นแท็กของแบบอักษรและคุณสมบัติของ BGColor ไม่ควรใช้อีกต่อไป แม้แต่เส้นขอบแอตทริบิวต์ในแท็กภาพ IMG ก็ผิดกฎหมายใน XHTML 1.1 ไม่ต้องกังวล HTML ที่ล้าสมัยสามารถจัดสไตล์ CSS สามารถจัดสไตล์และสามารถทำได้ดีกว่า
มันไม่ได้เกี่ยวกับการลอกการเป็นตัวแทนจาก HTML โครงสร้างของเนื้อหาหมายถึงการใช้แท็ก HTML ที่ชัดเจนซึ่งพอดี ตัวอย่างเช่น H1, H2 และแอปพลิเคชันอื่น ๆ ใช้กับชื่อเรื่อง - ไม่เพียงแค่ใช้ CSS เพื่อทำให้แบบอักษรใหญ่ขึ้น
คู่มือที่ดีที่สุดคือการใช้สไตล์เริ่มต้นบนเบราว์เซอร์ภาพเพื่อนำเสนอหน้าเว็บที่ไม่มีแผ่นสไตล์ (หรือเบราว์เซอร์ข้อความที่มีแผ่นสไตล์ แต่ไม่รองรับแผ่นสไตล์เช่น Lynx-หมายเหตุของ Translator)
ไม่ควรใช้ตารางในการจัดวาง - ตารางที่ใช้เพื่อแสดงข้อมูลรูปแบบตาราง (เราได้บอกว่ามันหลายครั้ง - หมายเหตุของนักแปล) บางทีสำหรับ htmlers ที่คุ้นเคยกับโครงสร้างแบบดั้งเดิมแล้วมันเป็นเรื่องยากมากที่จะเปลี่ยนแปลงได้อย่างสมบูรณ์ วิธีนี้บีบอัดไฟล์อย่างมากและขึ้นอยู่กับรหัสที่ชัดเจนเหล่านี้มันจะใช้งานได้ง่ายขึ้นและมีความสัมพันธ์มากขึ้นสำหรับข้อมูลเพิ่มเติมอ่านเค้าโครงของ CSS Advanced Tutorial
ฉลากแท็กทั้งหมดใน XHTML จะต้องเป็นตัวพิมพ์เล็กและปิด ผู้ที่ไม่มีแท็กปิด (เช่น BR และ IMG) จะต้องปิดโดยอัตโนมัติหลังจากใช้ Slash ไปข้างหน้าแบบครึ่งมุมภาษาอังกฤษ " /" (เช่น <br />) ให้ความสนใจกับความจริงที่ว่าควรมีพื้นที่ความกว้างครึ่งภาษาอังกฤษก่อนที่จะสแลช
แท็กจะต้องอยู่ในลักษณะแบบองค์รวมเพื่อให้องค์ประกอบซ้อนกันอย่างถูกต้อง (เช่น <strong> <em> </em> </em> </strong> ไม่ใช่ <strong> <em> สิ่งนี้ </strong> </em>)
เอกสารทั้งหมดจะต้องมี HTML, head, title และองค์ประกอบของร่างกาย จะต้องเริ่มต้นด้วยการประกาศประเภทเอกสาร
เนื้อหาของเอกสารควรเริ่มต้นด้วย P, H1, H2, H3, H4, H5, H6, DIV, PRE, ที่อยู่, Ins หรือ Del
คุณสมบัติแอตทริบิวต์ทั้งหมดจะต้องเป็นตัวพิมพ์เล็กและค่าของพวกเขาจะต้องถูกล้อมรอบด้วยเครื่องหมายใบเสนอราคาครึ่งความกว้างของอังกฤษ (")
ไม่อนุญาตให้ใช้แอตทริบิวต์ที่มีความคล่องตัว (ตัวอย่างเช่น <อินพุต type = "ช่องทำเครื่องหมาย" ตรวจสอบ />) โดยการประชุมแอตทริบิวต์ที่มีความคล่องตัวจะต้องให้ค่าเดียวกับชื่อแอตทริบิวต์ (เช่น <อินพุต type = "ช่องทำเครื่องหมาย" checked = "ตรวจสอบ" />)
แอตทริบิวต์ชื่อไม่ถูกกฎหมายอีกต่อไป (ยกเว้นในองค์ประกอบแบบฟอร์ม) และควรใช้ ID แทน
เป้าหมายแอตทริบิวต์เป้าหมายไม่ใช่แอตทริบิวต์ทางกฎหมาย โชคดีที่มันค่อนข้างบ้า
ใน IMG จำเป็นต้องใช้แอตทริบิวต์ alt
ความสัมพันธ์เหตุผลในการสร้างหน้าเว็บที่เกี่ยวข้องสำหรับคนพิการไม่ได้รับการพิสูจน์ ไม่เพียง แต่มีมนุษยธรรม แต่ยังเป็นประโยชน์ต่อผู้ใช้ผู้สูงอายุและผู้ใช้ที่มีคุณสมบัติใบหน้าลดลง (คิดว่าวันหนึ่งเราแก่แล้วสายตาของเราลดลงและคุณสมบัติใบหน้าของเราไม่ยืดหยุ่นเราจะเรียกดูอินเทอร์เน็ตได้อย่างไร? Affinity ไม่เพียง แต่สะดวกสำหรับผู้ที่มีความพิการอย่างรุนแรง แต่ยังทำให้ผู้ใช้ส่วนใหญ่มีฟังก์ชั่นการถดถอยจำนวนเล็กน้อย (วิสัยทัศน์พิเศษ)
ปัญหานี้มีส่วนเกี่ยวข้องมากขึ้นในประเด็นทางกฎหมายเช่นการยอมรับ "508" ในสหรัฐอเมริกาซึ่งพยายามที่จะส่งเสริมการใช้ความสัมพันธ์ภาคบังคับอย่างแข็งขัน ในสหราชอาณาจักรเว็บไซต์ของรัฐบาลทั้งหมดจะต้องมีระดับความสัมพันธ์ที่ระบุ เมื่อใดที่จะมีการออกกฎหมายเช่นมาตรการความสัมพันธ์ในอาคารเพื่อให้พวกเขาสามารถใช้กันอย่างแพร่หลายในเว็บไซต์เชิงพาณิชย์? (จีนยังไม่ทราบว่าจะมีการออกกฎหมายประเภทนี้เมื่อใด! แต่ไม่ได้หมายความว่าเราไม่ควรให้ความสนใจกับความถูกต้องตามกฎหมายของหน้าเว็บที่เราออกแบบมา - บันทึกของนักแปล)
หากคุณสามารถทำตามคำแนะนำข้างต้น HTML ของคุณควรมีความสัมพันธ์สูงสำหรับผู้ใช้ที่ปิดการใช้งานแล้ว มีการสร้างสรรค์มากขึ้นที่จะนำความสัมพันธ์ของคุณไปสู่อีกระดับและมันก็ไม่ยาก ดูคู่มือการเชื่อมต่อ Affinity และ Affinity Form