HTML (ภาษามาร์กอัปไฮเปอร์เท็กซ์, Super -Text Mark Language) เกิดในต้นปี 1990 รายการและชี้ไปที่หน้าเว็บอื่น ๆ HTML5 เป็นรุ่นล่าสุดของ HTML HTML5 ยังแนะนำฟังก์ชั่นการเล่นเสียงและวิดีโอพื้นเมือง
คุณสามารถดูข้อมูลจำเพาะล่าสุดของ HTML ผ่าน URL ต่อไปนี้:
1) html5: http://www.w3.org/tr/html5//
2) html5.1: http://www.w3.org/tr/html51/
เบื้องต้นเกี่ยวกับ HTML5HTML5 เป็นชุดของเทคโนโลยีที่เกี่ยวข้องที่ใช้ในการสร้างเนื้อหาเว็บความมั่งคั่งสมัยใหม่
1) ข้อมูลจำเพาะหลักของ HTML5 กำหนดองค์ประกอบที่ใช้ในการทำเครื่องหมายเนื้อหาและชี้แจงความหมายของมัน
2) CSS ใช้เพื่อควบคุมลักษณะที่ปรากฏของแท็กต่อหน้าผู้ใช้
3) JavaScript ใช้เพื่อจัดการเนื้อหาของเอกสาร HTML และตอบสนองต่อการทำงานของผู้ใช้
ในเวลาเดียวกัน HTML5 แนะนำการสนับสนุนมัลติมีเดียดั้งเดิมและแนะนำเนื้อหาที่ตั้งโปรแกรมได้ (องค์ประกอบ Canvas ซึ่งต้องใช้ JavaScript) และ Semantic Web
การสนับสนุนของเบราว์เซอร์สำหรับ HTML5 การตรวจสอบการทำงานของเบราว์เซอร์ไม่ว่าจะเป็นฟังก์ชั่นของ HTML5 ว่าเบราว์เซอร์รองรับได้หรือไม่ อย่างไรก็ตามมีเว็บไซต์ http://caniuse.com/ เพื่อช่วยคุณ
สถานะการใช้เบราว์เซอร์หากคุณต้องการตัดสินว่าคุณจำเป็นต้องสนับสนุนเบราว์เซอร์หรือเบราว์เซอร์เวอร์ชัน (โดยปกติคือ) จากนั้น http://gs.statcounter.com/ สถานะการใช้เบราว์เซอร์
ตรวจจับฟังก์ชันเบราว์เซอร์หากคุณต้องการใช้คุณสมบัติใหม่ของ HTML5 แต่เบราว์เซอร์ของผู้ใช้บางคนไม่สนับสนุนคุณสมบัติเหล่านี้และไม่ต้องกังวล .
วิธีการใช้งานมีดังนี้:ไปที่หน้าดาวน์โหลดของ Modernizr ดังนี้:
เลือกคุณสมบัติที่คุณต้องการตรวจจับในหน้านี้ (คลิกที่คุณสมบัติที่เกี่ยวข้อง) และคลิกสร้างหลังจากเลือกและคุณจะได้รับ:
จากนั้นดาวน์โหลดผลลัพธ์ของ build (modernizr-custom.js) และเพิ่มลงในเอกสาร HTML ของคุณ
<head> <meta charset = utf-8> <title> title </title> <script src = modernizr-custom.js> </script> ... </head>
ด้วยวิธีนี้หลังจากโหลดหน้าเว็บสคริปต์ Modernizr สามารถทำงานได้ โดยการตรวจจับคุณลักษณะของวัตถุนี้คุณสามารถกำหนดคุณสมบัติที่เบราว์เซอร์รองรับได้ ตัวอย่างเช่น:
<body> <p> คำตัดสินคือ ... <span id = ผลลัพธ์> </span> </p> <script> modernizr.on ('flash', ฟังก์ชั่น (ผลลัพธ์) {ถ้า (ผลลัพธ์) {document.getElementByIdId (ผลลัพธ์) .innerhtml = ชื่นชมยินดี!หากเบราว์เซอร์ของคุณรองรับแฟลชเว็บเพจจะพิมพ์ดีใจ! สำหรับฟังก์ชั่น Modernizr เพิ่มเติมโปรดดูเอกสารของ Modernizr
โครงสร้างพื้นฐานของเอกสาร HTMLเอกสาร HTML เป็นคำอธิบายของเอกสาร องค์ประกอบบางอย่างถูกใช้เพื่ออธิบายข้อมูลพื้นฐานของเอกสารและบางส่วนอธิบายโครงสร้างเอกสารด้านล่างเป็นโครงสร้างของเอกสาร HTML พื้นฐาน:
<!
เอกสาร HTML อธิบายหน้าว่างที่กำหนดโครงร่างของเอกสาร HTML และสภาพแวดล้อมเริ่มต้นของเบราว์เซอร์
องค์ประกอบ Doctypeองค์ประกอบของ Doctype สามารถละเว้นได้ องค์ประกอบนี้บอกเบราว์เซอร์สองสิ่ง:
1) จัดการโดยเอกสาร HTML;
2) รุ่นของ HTML ที่ใช้ทำเครื่องหมายเนื้อหาของเอกสารการเขียนด้านบนบ่งชี้ว่าใช้ HTML5
องค์ประกอบ HTMLองค์ประกอบ HTML เป็นองค์ประกอบรูทที่ระบุจุดเริ่มต้นของส่วน HTML ในเอกสาร ภาษาเริ่มต้นของแอตทริบิวต์ Lang ระบุเนื้อหาของหน้าเช่น: EN หมายถึงภาษาอังกฤษ ES แสดงถึงภาษาสเปน ฯลฯ
องค์ประกอบหัวองค์ประกอบหัวประกอบด้วยข้อมูลเมตาของเอกสารให้ข้อมูลเกี่ยวกับเนื้อหาของเอกสารและข้อมูลของเบราว์เซอร์และยังสามารถรวมถึงการอ้างอิงถึงสคริปต์และทรัพยากรภายนอก (เช่นตารางสไตล์ CSS)
องค์ประกอบของร่างกายเอกสารเอกสารมีเนื้อหาที่ผู้เข้าชมสามารถมองเห็นได้
ด้วยโครงสร้างพื้นฐานนี้เราสามารถค่อยๆเพิ่มองค์ประกอบอื่น ๆ ของ HTML ในภายหลังเพื่อเพิ่มคุณค่าให้กับเอกสารอย่างต่อเนื่องและในที่สุดก็รับหน้าเว็บที่เราต้องการ