ความคิดเห็น: HTML5 มุ่งเน้นไปที่เนื้อหาและโครงสร้าง แต่ไม่ใช่ประสิทธิภาพ HTML5 ได้ทำให้คำสั่งและแท็กมากขึ้นง่ายขึ้น นี่คือตัวอย่างง่ายๆของ HTML5 ซึ่งคุณสามารถอ้างถึงได้
(1) การเปลี่ยนแปลงแนวคิด:HTML5 มุ่งเน้นไปที่เนื้อหาและโครงสร้าง แต่ไม่ใช่ประสิทธิภาพ
<ส่วนหัว>
<Hgroup> ข้อมูลที่เกี่ยวข้องกับการนำทาง </hgroup>
</header>
<av> เมนู </av>
<บทความ>
<h1> ชื่อเรื่อง: HTML5 วิดีโอสอนพิเศษ </h1>
(2) คำสั่งและฉลาก:
HTML5 ได้ทำให้การประกาศและแท็กง่ายขึ้นและได้ทำข้อกำหนดโดยละเอียดเกี่ยวกับความเข้ากันได้ยกเลิกองค์ประกอบบางอย่างและเพิ่มองค์ประกอบบางอย่าง
บทนำสู่ไวยากรณ์แท็ก HTML5 และแท็กใหม่
1. แท็กไวยากรณ์:
(1) แท็กของอักขระสิ้นสุดที่ไม่ได้รับอนุญาตให้เขียน: พื้นที่, basebr, col, คำสั่ง, ฝัง, HR, IMG, อินพุต, keygen, ลิงค์, meta, param, source, track, wbr
(2) แท็กของอักขระตอนจบสามารถละเว้นได้: li, dt, dd, p, rt, optgroup, ตัวเลือก, colgroup, เธรด, tbody, tr, td, th
(3) แท็กที่สามารถละเว้นได้อย่างสมบูรณ์: html, head, body, colgroup, tbody
2. เพิ่มแท็ก:
<บทความ> แท็กเพื่อกำหนดบทความ
<side> แท็กแถบด้านข้างที่กำหนดส่วนเนื้อหาของหน้าเว็บ
<เสียง> แท็กกำหนดเนื้อหาเสียง
<Canvas> ภาพคำนิยามแท็ก
<sommand> แท็กกำหนดปุ่มคำสั่ง
<datalist> แท็กกำหนดรายการแบบดรอปดาวน์
<petials> แท็กกำหนดรายละเอียดขององค์ประกอบ
<dialog> แท็กกำหนดกล่องโต้ตอบ (กล่องเซสชัน)
แท็ก <Embed> กำหนดเนื้อหาแบบโต้ตอบภายนอกหรือปลั๊กอิน
<รูปที่> แท็กกำหนดชุดของเนื้อหาสื่อและแท็กชื่อ <footer> ของพวกเขากำหนดด้านล่างของหน้าหรือพื้นที่
<ส่วนหัว> แท็กกำหนดส่วนหัวของหน้าหรือพื้นที่
<Hgroup> แท็กข้อมูลที่เกี่ยวข้องเกี่ยวกับบล็อกในไฟล์นิยาม
แท็ก <seygen> กำหนดค่าคีย์ที่สร้างขึ้นในแบบฟอร์ม
<mark> เครื่องหมายกำหนดข้อความที่ติดแท็ก
<เมตร> การวัดคำจำกัดความของแท็กภายใน predefinedRange
ลิงก์การนำทางคำนิยามแท็ก
<output> แท็กกำหนดประเภทเอาต์พุตบางประเภท
<progress> แท็กกระบวนการกำหนดงาน
<rp> แท็กใช้ในทับทิมเพื่อบอกเบราว์เซอร์ว่าไม่รองรับองค์ประกอบทับทิมวิธีการแสดง
<rt> การตีความคำจำกัดความของแท็กของ Rubyannotations
แท็ก <Ruby> กำหนด rubyannotations
<section> แท็กกำหนดภูมิภาค
<source> แท็กกำหนดทรัพยากรสื่อ
<time> แท็กกำหนดวันที่/เวลา
<video> แท็กกำหนดวิดีโอ
ตัวอย่างง่ายๆ HTML5
<! doctype html>
<head>
<meta charset = utf-8>
<tite> เว็บไซต์ PHP100 ภาษาจีน HTML5 หัวข้อ </title>
<style type = "text/css">
ส่วนหัว, นาวิก
ส่วนหัว {width: 500px}
Nav {Float: ซ้าย; Width: 60px; ความสูง: 200px}
บทความ {ลอย: ซ้าย; ความกว้าง: 428px; ความสูง: 200px}
ส่วนท้าย {เคลียร์: ทั้งสอง; ความกว้าง: 500px}
</style>
<script type = "text/javascript">
document.createElement ('บทความ');
Document.createElement ('NAV');
document.createElement ('header');
</script>
</head>
<body>
<ส่วนหัว>
<Hgroup> ข้อมูลที่เกี่ยวข้องกับการนำทาง </hgroup>
</header>
<av> เมนู </av>
<บทความ>
<H1> HTML5 วิดีโอสอนพิเศษ </h1>
วันที่วางจำหน่าย: <time> 09:00 </time>
<Time DateTime = "2013-2-10"> Spring Festival </time>
<p> เนื้อหาที่เกี่ยวข้องกับการทดสอบ </p>
</บทความ>
<footer>
<drenting> ที่อยู่ </address>
</footer>
</body>
</html>