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