HTML5 การดัดแปลงครั้งที่ห้าของภาษามาร์ค Super -text (HTML)
HTML5 มีองค์ประกอบใหม่คุณลักษณะและพฤติกรรมและยังมีชุดของเทคโนโลยีที่สามารถใช้ในการทำให้เว็บไซต์มีความหลากหลายและมีประสิทธิภาพมากขึ้น
คุณสมบัติใหม่ไม่สามารถใช้ได้ในครั้งเดียว แต่หลังจากการกำหนด HTML4.01 (1999) มันมีการเปลี่ยนแปลงอยู่ตลอดเวลาในช่วงเวลานี้และต้นฉบับสุดท้ายจะเสร็จสิ้น
มาตรฐาน HTML5 ไม่ทำลายหน้าเว็บก่อนหน้าและหน้าเว็บที่ตรงกับมาตรฐาน HTML4.01 ยังคงมีประสิทธิภาพใน HTML5
URL มาตรฐาน: https://www.w3.org/tr/html5/////
แก้ไขเวลาต้นฉบับ: 28 ตุลาคม 2014
เนื้อหาเมื่อเทียบกับ HTML4.01 ก่อนหน้า HTML5 ได้เพิ่มขึ้นมาก:
①องค์ประกอบความหมายใหม่: <sarticle>, <side>, <migure>, <potcaption>, <footer>, <header>, <Hgroup>, <Av>, <Section>, ฯลฯ
②ลักษณะองค์ประกอบใหม่: เพิ่มคุณสมบัติองค์ประกอบใหม่องค์ประกอบหน่วยตารางฟังก์ชั่นการตรวจสอบ ฯลฯ
③มัลติมีเดีย: เพิ่ม <Audio> เสียง, <video> องค์ประกอบวิดีโอและเนื้อหาอื่น ๆ
④ 2D/3D Drawing: เพิ่ม <Canvas> องค์ประกอบการวาด
⑤การจัดเก็บ: เพิ่มฟังก์ชั่นการจัดเก็บข้อมูลออนไลน์และออฟไลน์
⑥การเชื่อมต่อ: เพิ่มสองเนื้อหาของไคลเอนต์โต้ตอบกับเซิร์ฟเวอร์: เว็บซ็อกเก็ต (การเชื่อมต่อไคลเอ็นต์และเซิร์ฟเวอร์ที่ทนทาน) และเหตุการณ์เซิร์ฟเวอร์-เซนท์ (เซิร์ฟเวอร์ส่งข้อมูล) ฯลฯ
⑦บูรณาการ: ให้ฟังก์ชั่นที่มีประสิทธิภาพเช่นผู้ทำงานบนเว็บ, API ประวัติความเป็นมา, การร้องขอ FRAME และที่ตั้งทางภูมิศาสตร์
⑧การเข้าถึงอุปกรณ์: ให้การสนับสนุนสำหรับกล้องและอุปกรณ์มือถือ
式 CSS3 Style: ให้คุณสมบัติสไตล์พื้นหลังใหม่ภาพเคลื่อนไหวชายแดนและสไตล์อื่น ๆ
การสนับสนุนเบราว์เซอร์แต่ละเบราว์เซอร์กระแสหลักจะแตกต่างจาก HTML5 ในหมู่พวกเขาคือฟังก์ชั่นของการสนับสนุน HTML5 จากรุ่นที่ 9 (ไม่ใช่ฟังก์ชั่นทั้งหมดของ HTML5)
หากคุณต้องการทราบว่าฟังก์ชั่นของ HTML5 ได้รับการสนับสนุนโดยแต่ละเบราว์เซอร์คุณสามารถเข้าสู่ระบบไปยัง http://caniuse.com/ สำหรับการสืบค้น
การใช้องค์ประกอบ <Mio> เป็นตัวอย่างคุณสามารถดูการสนับสนุนของแต่ละเบราว์เซอร์:
สร้างหน้า HTML5แนะนำการเปลี่ยนแปลงของ HTML5 จากหน้า
<!บรรทัดแรกของหน้า HTML แบบดั้งเดิมจะต้องเป็นคำสั่งประเภทเอกสารที่เฉพาะเจาะจงซึ่งเกี่ยวข้องกับหน้ารูปแบบและรูปแบบการแสดงผลของเบราว์เซอร์
HTML4.01 ขึ้นอยู่กับ SGML (ภาษาสากลฉลากมาตรฐาน) ดังนั้น <!
HTML5 ไม่ได้ขึ้นอยู่กับ SGML ดังนั้นจึงไม่จำเป็นต้องใช้ DTD
หน้า html4.01:[รหัส] <!
หน้า html5:<!<html> แท็ก
ตั้งค่าพื้นที่การตั้งชื่อ
แอตทริบิวต์ XMLNS ในแอตทริบิวต์ <html> แอตทริบิวต์ XMLNS สามารถกำหนดช่องว่างที่มีชื่อเสริมหนึ่งตัวขึ้นไป เบราว์เซอร์จะใช้พื้นที่การตั้งชื่อนี้กับองค์ประกอบในหน้าเว็บที่มีแอตทริบิวต์
หากแอตทริบิวต์นี้ถูกละเว้นค่าเริ่มต้นจะถูกแทนที่ด้วย http://www.w3.org/1999/xhtml
ตั้งค่าภาษาหน้า<html> คุณสมบัติ Lang ในฉลากสามารถระบุภาษาธรรมชาติของหน้าเช่น: lang = en หมายถึงภาษาอังกฤษและ lang = zh-cn หมายถึงภาษาจีน ตัวอย่าง:
<html leng = zh-cn> </html><meta> การเข้ารหัสอักขระการตั้งค่าแท็ก
<meta> ข้อมูลเมตาสามารถให้ข้อมูลเช่นคำหลักสำหรับเครื่องมือค้นหา
ในหมู่พวกเขาแอตทริบิวต์ Charset กำหนดรหัสอักขระของหน้าซึ่งสามารถแปลงเนื้อหาข้อความของหน้าเป็นรูปแบบการเข้ารหัสที่ระบุระหว่างการแสดงผล
UTF-8 ที่ต้องการในการออกแบบเว็บ:
<head> <meta charset = utf-8/> <title> ชื่อเรื่องหน้า </title> </head>ตารางสไตล์การอ้างอิง
เมื่อเปรียบเทียบกับ HTML4.01 ก่อนหน้า HTML5 ละเว้นคุณสมบัติ type = text/CSS เมื่อตารางรูปแบบอ้างอิง:
<head> <meta charset = utf-8/> <title> ชื่อเรื่องหน้า </title> <link r = stylesheet href =/styles/site.css> </head>อ้างไฟล์ JavaScript
ใน HTML5 เมื่ออ้างถึงไฟล์ JavaScript แอตทริบิวต์ type = text/JavaScript จะถูกละเว้น:
<head> <meta charset = utf-8/> <title> ชื่อเรื่องหน้า </title> <script src =/scripts/jqury-1.7.2.js> </head> </head>ตัวอย่างเต็มหน้า
ด้านล่างเป็นหน้า HTML5 ที่สมบูรณ์:
<! /scripts/jquery-1.7.2.js> </script> </head> <body> <p> พื้นที่ร่างกาย </p> </body> </html>