คุณสมบัติใหม่ของ HTML5 ที่รวบรวมและสรุปสามารถใช้งานได้โดยทั่วไป ยกเว้น IE9 และต่ำกว่า
ไวยากรณ์ HTML5ความแตกต่างทางไวยากรณ์ของ html ส่วนใหญ่ยังคงอยู่: <!DOCTYPE html> ที่จุดเริ่มต้น
<html lang=zh-CN><meta charset=utf-8>
การเข้ารหัสอักขระมีความกระชับ
ไม่คำนึงถึงขนาดตัวพิมพ์
เพิ่มค่าบูลีน คล้ายกับการตรวจสอบและเลือก
เครื่องหมายคำพูดสามารถละเว้นได้ แต่ไม่แนะนำตามมาตรฐานการเขียนโค้ด
มีแท็กที่สามารถละเว้นอักขระท้ายได้ และแท็กที่สามารถละเว้นได้ทั้งหมด
เพิ่มแท็ก: 1. แท็กโครงสร้าง(1) ส่วน: บล็อกเนื้อหาอิสระ ซึ่งสามารถประกอบด้วย h1~h6 เพื่อแสดงโครงสร้างเอกสาร นอกจากนี้ยังสามารถมีบท ส่วนหัว ส่วนท้าย หรือส่วนอื่น ๆ ของส่วนหัว (2) บทความ: บล็อกอิสระพิเศษ ซึ่งแสดงถึง เนื้อหาหลักในส่วนหัวของบทความนี้ (3) กัน: เนื้อหาแท็กเกี่ยวข้องกับเนื้อหาแท็ก ข้อมูลเสริม (4) ส่วนหัว: ข้อมูลส่วนหัว/หัวข้อของบล็อก (5) hgroup: เนื้อหาเสริมของข้อมูลส่วนหัว/หัวข้อ; (6) ส่วนท้าย: ข้อมูลด้านล่าง; รูป : หน่วยอิสระ เช่น บล็อกข่าวที่มีรูปภาพและเนื้อหา
2. แท็กแบบฟอร์ม(1) อีเมล: ต้องป้อนอีเมล (2) url: ต้องป้อนที่อยู่ URL (3) หมายเลข: ต้องป้อนค่าตัวเลข (4) ช่วง: ต้องป้อนค่าตัวเลขภายในช่วงที่กำหนด ; (5) เครื่องมือเลือกวันที่: เครื่องมือเลือกวันที่ ;
a.วันที่: เลือกวัน เดือน ปี b.เดือน: เลือกเดือน ปี c.สัปดาห์: เลือกสัปดาห์และปี d.เวลา: เลือกเวลา (ชั่วโมงและนาที) e.datetime: เลือกเวลา วัน เดือน ปี ( เวลา UTC) f.datetime-local: เลือกเวลา วัน เดือน ปี (เวลาท้องถิ่น)
(6) ค้นหา: ค้นหาช่องข้อความปกติ
(7) สี: สี
3. แท็กสื่อ(1) วิดีโอ: วิดีโอ (2) เสียง: เสียง (3) ฝัง: เนื้อหาที่ฝัง (รวมถึงสื่อต่างๆ), Midi, Wav, AU, MP3, Flash, AIFF ฯลฯ
4. ป้ายกำกับฟังก์ชันอื่นๆ(1) เครื่องหมาย: เครื่องหมาย (เหมือนปากกาเน้นข้อความสำหรับจดบันทึก) (2) ความคืบหน้า: แถบความคืบหน้า; <ความคืบหน้าสูงสุด=ค่าของแถบความคืบหน้าสูงสุด ค่า=มูลค่าของแถบความคืบหน้าปัจจุบัน> (3) เวลา: ป้ายข้อมูล ใช้แล้ว โดยเครื่องมือค้นหา ; วันที่เผยแพร่ <time datetime=2014-12-25T09:00>9:00</time> วันที่อัปเดต <time datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) ruby และ rt: แสดงความคิดเห็นในคำบางคำ; <ruby><rt>แสดงความคิดเห็นเนื้อหา</rt><rp>วิธีแสดงเมื่อเบราว์เซอร์ไม่รองรับ< /rp>< /ruby> (5) wbr: ตัวแบ่งบรรทัดแบบอ่อน, ตัวแบ่งบรรทัดเมื่อความกว้างของหน้าถึงตัวแบ่งบรรทัดที่ต้องการ (6) ผ้าใบ: ใช้โค้ด JS เพื่อสร้างเนื้อหาสำหรับการวาดภาพ; (7) คำสั่ง: ปุ่ม; (8) รายละเอียด : ขยายเมนู (9) dateilst: พรอมต์ฟิลด์ข้อความแบบเลื่อนลง (10) keygen: การเข้ารหัส;
คุณสมบัติใหม่:เพิ่มคุณสมบัติให้กับ js
<script เลื่อน src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>หากไม่มีแอตทริบิวต์ข้างต้นสองรายการ ลำดับการดำเนินการคือโหลด (ดาวน์โหลด) src แรก จากนั้นจึงดำเนินการ onload จากนั้นจึงดำเนินการพร้อมกันลงด้านล่าง คุณลักษณะ defer มีอยู่แล้วก่อน h5 และอินพุตโหลดล่าช้า (การดำเนินการล่าช้า) ขั้นแรกมันจะโหลด (ดาวน์โหลด) src เนื้อหาไฟล์ จากนั้นรอจนกว่าเพจจะโหลดเต็ม จากนั้นโหลดแอตทริบิวต์ js.async ใน onload ซึ่งเป็นการโหลดแบบอะซิงโครนัส โดยจะดำเนินการ onload ทันทีหลังจากโหลด src และจะโหลดเพจต่อไปในลำดับการดำเนินการข้างต้น หน้าจอแจ้งเตือนจะแสดง b ก่อน จากนั้นจึงแสดง a
เพิ่มโค้ดสไตล์ของไอคอนขนาดเล็กลงในป้ายกำกับในหน้าเว็บ
<link rel=icon href=url... type=ชื่อรูปภาพขนาด=16*16>
รายการที่เรียงลำดับ ol: เพิ่มการเริ่มต้น (ค่าเริ่มต้นของรายการ) แอตทริบิวต์ประเภทเมนูที่กลับรายการ (ไม่ว่าจะกลับรายการ) (ประเภทเมนู 3 ประเภท) สไตล์ CSS ที่ฝังไว้: กำหนดบล็อกสไตล์ (กำหนดขอบเขต) ภายในแท็ก เฉพาะสำหรับเฟรมอินไลน์เท่านั้นที่ถูกต้องภายใน แท็กสไตล์: เพิ่มองค์ประกอบ iframe, ไร้รอยต่อ, ไร้ขอบ และไร้ขอบ และ srcdoc กำหนดเนื้อหาของเฟรมอินไลน์
<iframe>แอตทริบิวต์ใหม่: <!--seamless กำหนดเฟรมโดยไม่มีเส้นขอบและระยะขอบ--><!--srcdoc มีระดับการแสดงผลที่สูงกว่าแซนด์บ็อกซ์--><!--แซนด์บ็อกซ์ใช้เพื่อระบุระดับความปลอดภัยของ เฟรมอินไลน์ --><!--sandbox=allow-forms:อนุญาตให้ส่ง แบบฟอร์ม --><!--sandbox=allow-origin: Allow มีต้นกำเนิดเดียวกัน --><!--sandbox=allow-scripts: อนุญาตให้เรียกใช้สคริปต์ --><!--sandbox=allow-top-navigation : อนุญาตให้เพจภายนอกข้าม -->
คุณสมบัติที่ชัดเจน:
กำหนดไฟล์แอปพลิเคชันออฟไลน์ที่จำเป็นสำหรับเพจ ซึ่งโดยปกติจะอยู่ในแท็ก <html>
คุณลักษณะชุดอักขระ:
หนึ่งในแอตทริบิวต์ meta ที่กำหนดชุดอักขระของหน้า
คุณลักษณะขนาด:
<link>แอตทริบิวต์ใหม่ใช้เพื่อกำหนดขนาดไอคอนเมื่อลิงก์ rel=icon
คุณลักษณะพื้นฐาน:
<base href=http://localhost/ target=_blank> หมายความว่าเมื่อเปิดเพจในหน้าต่างใหม่ เนื้อหาใน href จะถูกเพิ่มเป็นคำนำหน้าไปยังที่อยู่
เลื่อนแอตทริบิวต์:
แอตทริบิวต์แท็กสคริปต์ระบุว่าหลังจากโหลดสคริปต์แล้ว สคริปต์จะถูกดำเนินการเฉพาะเมื่อมีการโหลดเพจเท่านั้น (การดำเนินการล่าช้า)
แอตทริบิวต์อะซิงโครนัส:
คุณลักษณะแท็กสคริปต์จะถูกดำเนินการทันทีหลังจากโหลดสคริปต์ (เบราว์เซอร์จะแยกวิเคราะห์เนื้อหาต่อไปนี้ในระหว่างกระบวนการทำงาน) แม้ว่าเพจจะไม่ได้โหลดก็ตาม (การดำเนินการแบบอะซิงโครนัส)
คุณลักษณะสื่อ:
<a> คุณลักษณะองค์ประกอบ: ระบุว่าอุปกรณ์ใดได้รับการปรับให้เหมาะสม
แอตทริบิวต์ hreflang:
คุณลักษณะของ <a> ระบุภาษาที่ใช้โดย URL ที่ชี้ไปโดยไฮเปอร์ลิงก์
แอตทริบิวต์อ้างอิง:
คุณลักษณะของ <a> กำหนดว่าไฮเปอร์ลิงก์เป็นลิงก์ภายนอกหรือไม่
แอตทริบิวต์ที่กลับรายการ:
<ol> แอตทริบิวต์กำหนดว่าหมายเลขซีเรียลเป็นแบบย้อนหลังหรือไม่
คุณลักษณะเริ่มต้น:
คุณลักษณะของ <ol> กำหนดค่าเริ่มต้นของหมายเลขลำดับ
แอตทริบิวต์ที่กำหนดขอบเขต:
คุณลักษณะของสไตล์ CSS แบบฝัง คำจำกัดความของสไตล์นี้จำกัดอยู่ที่องค์ประกอบที่มีสไตล์แบบฝัง เหมาะสำหรับการพัฒนาหน้าเดียว
แอตทริบิวต์ทั่วโลก HTML5: สามารถใช้สำหรับแท็กใด ๆ ต่อไปนี้ 6
data-yourvalue, ซ่อนเร้น, Spenllecheck, tabindex, contenteditable, desginMode;
คุณสมบัติระดับโลก:
1. สามารถแทรกลงในแท็กได้โดยตรง: ชื่อแอตทริบิวต์ข้อมูลที่กำหนดเอง; ซ่อนไว้ (วางไว้เพื่อซ่อนโดยตรง); tabindex=1 (ลำดับการข้ามแท็บ); คลิกเนื้อหาที่จะแก้ไข); 2. แทรก window.document.designMode = 'on' ใน JavaScript (คุณสมบัติส่วนกลางของ JavaScript ข้อความของทั้งหน้าสามารถแก้ไขได้);
สรุป
ข้างต้นเป็นบทสรุปของแท็กและคุณลักษณะใหม่ของ HTML5 ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉัน แล้วตัวแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!