การประชุมการเข้ารหัส HTML บูต
ไวยากรณ์
- ด้วยสองช่องว่างแทนของแท็บ (แท็บ) - นี้เป็นวิธีเดียวที่จะให้แน่ใจว่าเป็นวิธีการที่สอดคล้องที่จะแสดงในทุกสภาพแวดล้อม
- องค์ประกอบที่ซ้อนกันควรจะเยื้องครั้งเดียว (IE สองช่องว่าง)
- สำหรับความหมายของสถานที่ให้บริการตรวจสอบให้แน่ใจว่าทุกคนใช้คำพูดสองไม่เคยใช้ราคาเดียว
- อย่าปิดตัวเอง (ปิดตัวเอง) หางองค์ประกอบเพิ่มฉะ - สเปค HTML5 ระบุไว้ชัดเจนว่านี้เป็นตัวเลือก
- อย่าละเว้นแท็กสิ้นสุดตัวเลือก (ปิดแท็ก) (ตัวอย่างเช่น
</li>หรือ</body>)
ตัวอย่าง:
<!DOCTYPE html>
<html>
<head>
<title>Page title</title>
</head>
<body>
<img src="images/company-logo.png" alt="Company">
<h1 class="hello-world">Hello, world!</h1>
</body>
</html>
HTML5 DOCTYPE
สำหรับแต่ละบรรทัดแรกของหน้าเว็บ HTML เพิ่มโหมดมาตรฐาน (โหมดมาตรฐาน) คำสั่งนี้สามารถให้แน่ใจว่าคุณมีการแสดงผลที่สอดคล้องกันในแต่ละเบราว์เซอร์
ตัวอย่าง:
<!DOCTYPE html> <html> <head> </head> </html>
คุณสมบัติภาษา
จากข้อมูลจำเพาะของ HTML5:
ดังนั้นจึงขอแนะนำเพื่อระบุ lang แอตทริบิวต์องค์ประกอบราก HTML เพื่อตั้งภาษาที่ถูกต้องสำหรับเอกสารที่ นี้จะช่วยให้เพื่อเป็นเครื่องมือในการสังเคราะห์เสียงพูดควรจะใช้ในการกำหนดออกเสียงของพวกเขา, เครื่องมือการแปลจะช่วยตรวจสอบการแปลที่ควรปฏิบัติตามกฎระเบียบและอื่น ๆ
เพิ่มเติมเกี่ยวกับ lang แอตทริบิวต์ความรู้จาก ข้อกำหนดนี้ เข้าใจของ
นี่คือ ตารางรหัสภาษา
<html lang="zh-CN"> <!-- ... --> </html>
โหมดที่เข้ากัน IE
IE สนับสนุนผ่านเฉพาะ <meta> แท็กการตรวจสอบรุ่นปัจจุบันของการแสดงผลหน้า IE ควรจะใช้ เว้นแต่จะมีความต้องการพิเศษที่แข็งแกร่งมิฉะนั้นดีที่สุดคือการตั้งค่าโหมดขอบจึงแจ้ง IE ใช้รุ่นล่าสุดจะสนับสนุน
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
การเข้ารหัสอักขระ
โดยประกาศแน่ชัดว่าการเข้ารหัสอักขระเบราว์เซอร์สามารถรักษาความปลอดภัยได้อย่างรวดเร็วและง่ายดายตรวจสอบการแสดงผลเนื้อหาของหน้า ประโยชน์จากการนี้คือการหลีกเลี่ยงการใช้งานของหน่วยงานที่ตัวละคร Mark (ตัวอักษรนิติบุคคล) ใน HTML, ซึ่งมีความสอดคล้องกับการเข้ารหัสเอกสารทั้งหมด (โดยทั่วไปใช้เข้ารหัส UTF-8)
<head> <meta charset="UTF-8"> </head>
การแนะนำของ CSS และไฟล์ JavaScript
จากข้อมูลจำเพาะของ HTML5 ที่เวลาของการเปิดตัวของ CSS และไฟล์ JavaScript โดยทั่วไปไม่จำเป็นต้องระบุ type แอตทริบิวต์เป็น text/css และ text/javascript เป็นค่าเริ่มต้นของพวกเขา
HTML5 การเชื่อมโยงข้อมูลจำเพาะ
<!-- External CSS --> <link rel="stylesheet" href="code-guide.css"> <!-- In-document CSS --> <style> /* ... */ </style> <!-- JavaScript --> <script src="code-guide.js"></script>
ในทางปฏิบัติเป็นกษัตริย์
พยายามที่จะปฏิบัติตามมาตรฐาน HTML และความหมาย แต่ไม่ได้อยู่ที่ค่าใช้จ่ายของการปฏิบัติจริงในราคาที่ เวลาเป็นไปได้น้อยที่มีป้ายและการบำรุงรักษาต่ำสุดของความซับซ้อนใด ๆ
แอตทริบิวต์การสั่งซื้อสินค้า
แอตทริบิวต์ HTML ควรจะอยู่ในลำดับความสำคัญในลำดับที่ได้รับด้านล่างเพื่อให้แน่ใจว่าการอ่านรหัส
-
class -
id,name -
data-* -
src,for,type,href -
title,alt -
aria-*,role
ชั้นจะใช้เพื่อระบุส่วนประกอบนำมาใช้ใหม่สูงและดังนั้นจึงควรเป็นที่ด้านบน ID ใช้ในการระบุส่วนประกอบเฉพาะควรใช้ด้วยความระมัดระวัง (เช่นบุ๊กภายในหน้า) ก็เดินเข้ามาในสถานที่ที่สอง
<a class="..." id="..." data-modal="toggle" href="#"> Example link </a> <input class="form-control" type="text"> <img src="..." alt="...">
บูลีน (บูลีน) ประเภทแอตทริบิวต์
แอตทริบิวต์บูลีนอาจจะไม่ได้รับมอบหมายในช่วงเวลาของการประกาศ ข้อกำหนด XHTML สำหรับการกำหนดของมัน แต่สเปค HTML5 ไม่จำเป็นต้อง
สำหรับข้อมูลเพิ่มเติมโปรดดูที่ WHATWG sectionTop ON แอตทริบิวต์บูลีน :
บูลีนแอตทริบิวต์ขององค์ประกอบถ้าค่าเป็นจริงถ้าไม่มีค่าเป็นเท็จ
ถ้าคุณต้องกำหนดค่าโปรดดูข้อกำหนด WHATWG:
ถ้าแอตทริบิวต์ที่มีอยู่ค่าของมันจะต้องเป็นสตริงที่ว่างเปล่าหรือ [ ... ] ชื่อแอตทริบิวต์ที่ยอมรับและไม่ได้เพิ่มช่องว่างที่จุดเริ่มต้นและจุดสิ้นสุด
เพียงแค่มันยังไม่ได้กำหนด
<input type="text" disabled> <input type="checkbox" value="1" checked> <select> <option value="1" selected>1</option> </select>
ลดจำนวนของฉลาก
เมื่อมีการเขียนโค้ด HTML เพื่อหลีกเลี่ยงองค์ประกอบหลักที่ไม่จำเป็น ในหลายกรณีนี้ต้องใช้ซ้ำและการฟื้นฟูบูรณะเพื่อให้บรรลุ พิจารณากรณีต่อไปนี้:
<!-- Not so great --> <span class="avatar"> <img src="..."> </span> <!-- Better --> <img class="avatar" src="...">
JavaScript ฉลากสร้าง
แท็กที่สร้างขึ้นโดยใช้ JavaScript เพื่อให้เนื้อหากลายเป็นเรื่องยากที่จะหาแก้ไขและลดประสิทธิภาพ พยายามหลีกเลี่ยงที่จะหลีกเลี่ยง