การแนะนำบทความของ wulin.com (www.vevb.com): HTML5 ทำให้การโต้ตอบกับคอมพิวเตอร์และการโต้ตอบกับเครือข่ายมนุษย์จะสะดวกสบายมากขึ้นและเหมาะกับผู้ใช้ การขาดการสนับสนุนก่อนหน้านี้สำหรับแอพพลิเคชั่นสื่อที่หลากหลายและที่เก็บข้อมูลนี้ไม่เจ็บปวดสำหรับเบราว์เซอร์อีกต่อไป ความตั้งใจดั้งเดิมของการปฏิวัติ HTML5 คือการโปรโมตเว็บจากแพลตฟอร์มเนื้อหาไปยังแพลตฟอร์มแอปพลิเคชันมาตรฐานและรวมมาตรฐานของแต่ละแพลตฟอร์มค่าย
HTML5 คืออะไรฉันไม่จำเป็นต้องลงรายละเอียดที่นี่ ตามความเข้าใจของฉันนวัตกรรมของ HTML5 สามารถสรุปได้ว่าเป็นระบบฉลากความหมายการสนับสนุนสื่อที่หลากหลายด้วยเทคโนโลยีการจัดเก็บข้อมูลท้องถิ่นที่มีเวทมนตร์จีนแบบดั้งเดิมที่เรียบง่ายแอนิเมชั่นที่หลากหลาย (ผ้าใบ) โดยไม่ต้องใช้ปลั๊กอินและการสนับสนุน API ที่ทรงพลัง ในระยะสั้น HTML5 ทำให้การโต้ตอบกับคอมพิวเตอร์และการโต้ตอบกับเครือข่ายมนุษย์จะสะดวกสบายมากขึ้นและเหมาะกับผู้ใช้ การขาดการสนับสนุนก่อนหน้านี้สำหรับแอพพลิเคชั่นสื่อที่หลากหลายและที่เก็บข้อมูลนี้ไม่เจ็บปวดสำหรับเบราว์เซอร์อีกต่อไป ความตั้งใจดั้งเดิมของการปฏิวัติ HTML5 คือการโปรโมตเว็บจากแพลตฟอร์มเนื้อหาไปยังแพลตฟอร์มแอปพลิเคชันมาตรฐานและรวมมาตรฐานของแต่ละแพลตฟอร์มค่าย
ในบทความนี้ฉันจะแนะนำหนึ่งในนวัตกรรมของ HTML5: โครงสร้างที่ชัดเจนและรัดกุมมากขึ้น
รหัสส่วนหัว XHTML มาตรฐานตั้งแต่ต้นควรมีลักษณะเช่นนี้:
ด้านบนเป็นส่วนหน้าบล็อกอย่างง่าย HTML ซึ่งประกอบด้วยส่วนหัวพื้นที่แสดงบทความคอลัมน์ด้านขวาและด้านล่าง การเข้ารหัสนั้นเรียบร้อยและสอดคล้องกับความหมายของ XHTML ซึ่งสามารถทำได้ดีแม้ใน HTML 5 แต่สำหรับเบราว์เซอร์นี่คือรหัสชิ้นส่วนที่ไม่แยกความแตกต่างระหว่างน้ำหนักมากกว่าแท็กที่ช่วยให้เครื่องเข้าใจความหมายเพื่อกำหนดบล็อกที่สอดคล้องกัน ตัวอย่างเช่นเบราว์เซอร์มาตรฐาน (เช่น Firefox, Chrome และแม้แต่รุ่นใหม่ของ IE9) มีคีย์ทางลัดที่สามารถนำลูกค้าไปข้ามไปยังการนำทางของหน้าโดยตรง แต่ปัญหาคือบล็อกทั้งหมดถูกกำหนดโดย DIV และค่า ID ของ DIV จะถูกกำหนดโดยนักพัฒนา การเกิดขึ้นของแท็ก HTML 5 ใหม่นั้นเกิดขึ้นสำหรับข้อบกพร่องนี้ จากนั้นหากรหัสด้านบนถูกแทนที่ด้วย HTML 5 คุณสามารถเขียนได้เช่นนี้:
ปรากฎว่าโครงสร้างหน้า HTML นั้นสวยงามมากจนสามารถมองเห็นได้อย่างรวดเร็วโดยไม่มีความคิดเห็น สำหรับเบราว์เซอร์คุณจะไม่สูญเสียอีกต่อไปเมื่อคุณพบบล็อกที่เกี่ยวข้อง
นอกจากนี้แม้ว่า HTML5 จะไม่ได้รับการสนับสนุนจากเบราว์เซอร์ทั้งหมด แต่ส่วนหัวนี้ที่สามารถประหยัดได้มากกว่า 100 ไบต์ (สำหรับไซต์ที่มีระดับ PV รายวันหนึ่งล้านหรือมากกว่านั้นสามารถประหยัดการจราจรได้มาก) หากคุณได้ทำการวิจัยเกี่ยวกับโหมดความละเอียดของเบราว์เซอร์คุณควรรู้ว่าหน้าเว็บจะทริกเกอร์โหมดแปลก ๆ โดยไม่ต้องกำหนด Doctype และตราบใดที่เบราว์เซอร์ถูกกำหนดคุณสามารถแยกวิเคราะห์หน้าในโหมดมาตรฐานโดยไม่ต้องระบุ DTD บางประเภท
ระบบการติดฉลากความหมายใหม่
การเข้ารหัสความหมายเป็นทักษะที่จำเป็นสำหรับนักพัฒนาส่วนหน้าที่ผ่านการรับรอง แต่เมื่อหน้าเว็บกลายเป็นที่นิยมมากขึ้นเรื่อย ๆ ก็เห็นได้ชัดว่าพวกเขาไม่สามารถทำได้โดยใช้แท็ก XHTML ดั้งเดิมเพื่อ Desemanate พระเจ้าตรัสว่า: ต้องมีแสงสว่าง! จากนั้นจะมีแสง ดังนั้น HTML 5 จึงมีชุดของแท็กใหม่และคุณลักษณะที่สอดคล้องกันเพื่อสะท้อนความหมายทั่วไปของเว็บไซต์สมัยใหม่ ฝึกฝนเพื่อสร้างความจริง มาเขียนตัวอย่าง:
ฉันไม่จำเป็นต้องบอกว่าอันไหนซับซ้อนกว่านี้และอันไหนง่ายดาย ใช่ส่วนหัว HTML5 นั้นง่ายมากจนสามารถจดจำได้อย่างง่ายดาย! และกรณีคำพูดและแบ็คสแลชก่อนที่จะเพิกเฉยต่อมุมสุดท้าย
ทำไมมันถึงหลวม? ในความเป็นจริงหาก XHTML ถูกส่งเป็นข้อความ/HTML เบราว์เซอร์ยังสามารถแยกวิเคราะห์ได้ดีและเบราว์เซอร์ไม่สนใจเกี่ยวกับไวยากรณ์ของรหัส ดังนั้น HTML 5 จึงเป็นอภิปรัชญามันอาจทำลายมาตรฐานดั้งเดิมบางส่วน แต่ก็ยังสามารถทำงานได้ดีในเบราว์เซอร์
แน่นอนเพื่อความสะดวกของความช่วยเหลือจากทีมและการบำรุงรักษาที่ตามมาเราควรรวมรูปแบบการเขียนที่คุณชอบเช่น:
ลองมาดูกันว่าส่วนหัว HTML5 มาตรฐานเป็นอย่างไร: