HTML5 สอน

ก่อนหน้านี้: XHTML บทนำ

ถัดไป: HTML5 องค์ประกอบใหม่

HTML5 เป็น HTML แก้ไขล่าสุดในตุลาคม 2014 โดย World Wide Web สมาคม (W3C) มาตรฐานเสร็จ

HTML5 ออกแบบมาเพื่อรองรับมัลติมีเดียบนอุปกรณ์มือถือ

HTML5 ที่จะเรียนรู้ได้ง่าย

HTML5 คืออะไร?

HTML5 เป็นรุ่นต่อไปของ HTML มาตรฐาน

HTML, รุ่นก่อนหน้าของ HTML 4.01 เกิดขึ้นในปี 1999 ตั้งแต่นั้นมาเว็บทั่วโลกมีระดับการเปลี่ยนแปลงของทะเล

HTML5 ยังคงอยู่ในที่สมบูรณ์แบบของมัน อย่างไรก็ตามเบราว์เซอร์ที่ทันสมัยที่สุดมีการสนับสนุน HTML5

HTML5 เป็นวิธีการที่จะเริ่มต้นอย่างไร

และ W3C WHATWG HTML5 เป็นผลมาจากความร่วมมือ WHATWG หมายความเว็บ Hypertext การประยุกต์ใช้เทคโนโลยีการทำงานกลุ่ม .

WHATWG ทุ่มเทเว็บรูปแบบและการใช้งานและมุ่งเน้นไปที่ W3C XHTML 2.0 ในปี 2006 ทั้งสองฝ่ายตัดสินใจที่จะให้ความร่วมมือในการสร้างรุ่นใหม่ของ HTML

HTML5 บางคุณสมบัติใหม่ที่น่าสนใจ:

สำหรับองค์ประกอบภาพวาดบนผืนผ้าใบ
องค์ประกอบภาพและเสียงสำหรับการเล่นสื่อ
การสนับสนุนที่ดีสำหรับการจัดเก็บแบบออฟไลน์ในท้องถิ่น
องค์ประกอบเนื้อหาพิเศษใหม่ ๆ เช่นบทความท้ายหัว NAV ส่วน
การควบคุมรูปแบบใหม่เช่นปฏิทิน, วันที่, เวลา, อีเมล์, URL ค้นหา

HTML5 <! DOCTYPE>

<! Doctype> ประกาศจะต้องอยู่ในบรรทัดแรกของเอกสาร HTML5 ที่ง่ายมากที่จะใช้:

<! DOCTYPE html>

เอกสาร HTML5 น้อยที่สุด

นี่เป็นเอกสาร HTML5 ง่ายๆ

<! DOCTYPE html> <html> <head> <Meta charset = "UTF-8"> <title> ชื่อเรื่องของเอกสาร </ title> </ head> <body> เนื้อหาของเอกสาร ...... </ body> </ html>

หมายเหตุ: สำหรับหน้าเว็บภาษาจีนต้องใช้ <meta charset = "UTF-8 "> คำสั่งมิฉะนั้นจะถูกบิดเบือน

HTML5 ที่ดีขึ้น

องค์ประกอบใหม่
คุณสมบัติใหม่
สนับสนุนอย่างเต็มที่สำหรับ CSS3
ภาพและเสียง
การวาดภาพ 2D / 3D
ร้านค้าในพื้นที่
ข้อมูล SQL ท้องถิ่น
การใช้งานเว็บ

HTML5 มัลติมีเดีย

คุณก็สามารถใช้เล่นวิดีโอ HTML5 (วิดีโอ) และเสียง (Audio) ในเพจ

HTML5 วิดีโอ <>
HTML5 <เสียง>

แอพลิเคชัน HTML5

คุณก็สามารถใช้การพัฒนาโปรแกรม HTML5

การจัดเก็บข้อมูลในพื้นที่
การเข้าถึงไฟล์ในท้องถิ่น
ข้อมูล SQL ท้องถิ่น
อ้างแคช
คนงานจาวาสคริ
XHTMLHttpRequest 2

กราฟิก HTML5

ใช้ HTML5 คุณสามารถวาดภาพกราฟิก:

ใช้ <ผ้าใบ> องค์ประกอบ
ใช้แบบอินไลน์ SVG
ใช้ แปลง CSS3 2D , CSS3 3D แปลง

ใช้ HTML5 CSS3

ตัวเลือกใหม่
คุณสมบัติใหม่
นิเมชั่น
การแปลง 2D / 3D
เนื้อไม่มีมัน
ผลเงา
แบบอักษรที่สามารถดาวน์โหลดได้

เรียนรู้ข้อมูล CSS3 เพิ่มเติมกรุณาดูที่เว็บไซต์ของ บทเรียน CSS3

องค์ประกอบความหมาย

HTML5 เพิ่มจำนวนมากขององค์ประกอบที่มีความหมายดังนี้

ฉลาก	ลักษณะ
<บทความ>	กำหนดพื้นที่เนื้อหาหน้าแยก
<นอกเหนือ>	กำหนดหน้าเนื้อหาแถบด้านข้าง
<Bdi>	จะช่วยให้คุณตั้งชิ้นส่วนของข้อความทิศทางข้อความออกไปจากการตั้งค่าองค์ประกอบหลัก
<คำสั่ง>	ปุ่มคำสั่งที่กำหนดเอง - เช่นปุ่มกล่องหรือปุ่มตรวจสอบ
<รายละเอียด>	รายละเอียดของเอกสารหรือส่วนสำหรับการให้
<โต้ตอบ>	กำหนดเองกล่องโต้ตอบเช่นลูกโป่ง
<ข้อมูลอย่างย่อ>	แท็กชื่อมีรายละเอียดขององค์ประกอบ
<รูป>	บทบัญญัติเฉพาะกิจการสตรีมเนื้อหา (ภาพกราฟิกรูปภาพ, รหัส, ฯลฯ )
<Figcaption>	ความหมายของ <รูป> ชื่อองค์ประกอบ
<ส่วนท้าย>	กำหนดส่วนหรือส่วนท้ายเอกสาร
<หัว>	มันกำหนดพื้นที่หัวของเอกสาร
<มาร์ค>	ข้อความที่กำหนดไว้กับเครื่องหมาย
<Meter>	ความหมายของน้ำหนักและมาตรการ รู้จักใช้เฉพาะในการวัดค่าสูงสุดและต่ำสุด
<Nav>	กำหนดส่วนการเชื่อมโยงการนำทาง
<ความคืบหน้า>	ตารางการกำหนดประเภทของงานใด ๆ
<ทับทิม>	ความหมายของคำอธิบายประกอบทับทิม (ออกเสียงภาษาจีนหรือตัวอักษร)
<Rt>	ตัวอักษรที่กำหนดไว้ (จีนออกเสียงหรือตัวอักษร) ตีความหรือการออกเสียง
<Rp>	ในรูบีคำอธิบายประกอบที่ใช้ในการกำหนดเนื้อหาไม่สนับสนุนเบราว์เซอร์องค์ประกอบทับทิมที่แสดง
<มาตรา>	ความหมายของส่วนเอกสาร (ส่วนส่วน)
<เวลา>	กําหนดวันที่หรือเวลา
<WBR>	บทบัญญัติในข้อความที่เหมาะสมในการเพิ่มตัวแบ่งบรรทัด

รูปแบบ HTML5

องค์ประกอบใหม่รูปแบบคุณลักษณะใหม่ชนิดป้อนข้อมูลใหม่ในการตรวจสอบโดยอัตโนมัติ

องค์ประกอบลบออก

HTML ต่อไปนี้ 4.01 องค์ประกอบใน HTML5 ได้รับการลบ:

<ย่อ>
<Applet>
<Basefont>
<big>
<Center>
<Dir>
<font>
<กรอบ>
<Frameset>
<NOFRAMES>
<Strike>

ตัวอย่างของแต่ละบท

ผ่านการแก้ไข HTML ของเราคุณสามารถแก้ไข HTML แล้วคลิกที่ปุ่มเพื่อดูผลลัพธ์

ตัวอย่าง

<! DOCTYPE html> <html> <head> <Meta charset = "UTF-8"> <title> กวดวิชานี้ (w3big.com) </ title> </ head> <body> <video width = "320" height = "240" ควบคุม> <มา src = "movie.mp4" type = "วิดีโอ / MP4"> <มา src = "movie.ogg" type = "วิดีโอ / OGG"> เบราว์เซอร์ของคุณไม่สนับสนุนแท็กวิดีโอ </ วิดีโอ> </ body> </ html>

ลอง»

คลิกที่ปุ่ม "ลอง" เพื่อดูผลการดำเนินงานออนไลน์

สนับสนุนเบราว์เซอร์ HTML5

รุ่นล่าสุดของ Safari, Chrome, Firefox และ Opera สนับสนุนคุณลักษณะ HTML5 บาง Internet Explorer 9 จะสนับสนุนคุณสมบัติ HTML5 บาง

เบราว์เซอร์ IE9 รุ่นที่รองรับการใช้วิธีการดังต่อไปนี้ของ HTML5, แพคเกจ html5shiv ใช้เว็บไซต์เพื่อทรัพยากรแบบคงที่:

<! - [if LT IE9] > <src สคริปต์ = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <[endif] - ->

หลังจากโหลดเริ่มต้นของ CSS ฉลากใหม่:

/ * Html5 * / บทความกันโต้ตอบท้าย ส่วนหัวส่วนท้าย NAV ร่างเมนู {display: บล็อก }

คู่มืออ้างอิง HTML5

ในเว็บไซต์นี้คุณสามารถค้นหาแท็ก HTML5 และคุณลักษณะที่อธิบายในรายละเอียดโปรดคลิกที่ คู่มืออ้างอิง HTML5