องค์ประกอบ HTML
เอกสาร HTML จะถูกกำหนดโดยองค์ประกอบ HTML
องค์ประกอบ HTML
| แท็กเริ่มต้น * | เนื้อหาองค์ประกอบ | แท็กสิ้นสุด * |
|---|---|---|
| <p> | นี้เป็นวรรค | </ p> |
| <a href="default.htm"> | นี่คือการเชื่อมโยง | </a> |
| ฟรี |
* แท็กเริ่มต้นมักจะเรียกว่า (แท็กเปิด) แท็กเริ่มต้นแท็กสิ้นสุดมักจะเรียกว่า(แท็กปิด) แท็กปิด
องค์ประกอบ HTML ไวยากรณ์
- องค์ประกอบ HTMLเริ่มต้นด้วยแท็กเริ่มต้น
- องค์ประกอบ HTMLที่มีการเลิกจ้างแท็กสิ้นสุด
- องค์ประกอบเนื้อหาเป็นเนื้อหาของแท็กเริ่มต้นและแท็กสิ้นสุด
- บางองค์ประกอบ HTMLมีเนื้อหาที่ว่างเปล่า (เนื้อหาว่างเปล่า)
- องค์ประกอบที่ว่างเปล่าจะถูกปิดลงในแท็กเริ่มต้น (เพื่อยุติการแท็กเริ่มต้นและสิ้นสุด)
- ส่วนใหญ่องค์ประกอบ HTMLสามารถมีแอตทริบิวต์
หมายเหตุ: คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับคุณสมบัติในบทต่อไปของการกวดวิชานี้
องค์ประกอบ HTML ที่ซ้อนกัน
เอกสาร HTML ประกอบด้วยองค์ประกอบ HTML ซ้อนกัน
เช่นเอกสาร HTML
<html>
<body>
<p> นี้เป็นวรรคแรก </ p>
</ body>
</ html>
ตัวอย่างข้างต้นมีสามองค์ประกอบ HTML
ตัวอย่างของการแยก HTML
<p> องค์ประกอบ:
ส่วน <p> องค์ประกอบที่กำหนดในวรรคเอกสาร HTML ได้
องค์ประกอบที่มีแท็กเริ่มต้น <p> และแท็กสิ้นสุด </ p>
เนื้อหาองค์ประกอบ: นี่คือวรรคแรกของฉัน
<body> องค์ประกอบ:
<p>这是第一个段落。</p>
</body>
<body> องค์ประกอบที่กำหนดเนื้อหาของเอกสาร HTML
องค์ประกอบที่มีแท็กเริ่มต้น <body> และแท็กสิ้นสุด </ body>
เนื้อหาองค์ประกอบคือองค์ประกอบ HTML อื่น (องค์ประกอบ P)
<html> องค์ประกอบ:
<body>
<p>这是第一个段落。</p>
</body>
</html>
ก <html> องค์ประกอบที่กำหนดเอกสาร HTML ทั้ง
องค์ประกอบที่มีแท็กเริ่มต้น <html> และแท็กสิ้นสุด </ html>
เนื้อหาองค์ประกอบคือองค์ประกอบ HTML อื่น (องค์ประกอบของร่างกาย)
อย่าลืมแท็กสิ้นสุด
แม้ว่าคุณจะลืมที่จะใช้แท็กปิดเบราว์เซอร์ได้อย่างถูกต้องมากที่สุดจะแสดง HTML:
<p>这是一个段落
ตัวอย่างข้างต้นสามารถแสดงผลได้อย่างถูกต้องในเบราว์เซอร์เพราะแท็กปิดเป็นตัวเลือก
แต่ไม่ต้องพึ่งพาการปฏิบัตินี้ ลืมแท็กสิ้นสุดสามารถก่อให้เกิดผลที่ไม่คาดคิดหรือข้อผิดพลาด
HTML องค์ประกอบที่ว่างเปล่า
องค์ประกอบ HTML โดยเนื้อหาจะเรียกว่าองค์ประกอบที่ว่างเปล่า องค์ประกอบที่ว่างเปล่าจะถูกปิดลงในแท็กเริ่มต้น
ฟรีไม่มีแท็กปิดองค์ประกอบที่ว่างเปล่า (แท็ก <br> กำหนดแบ่งบรรทัด)
ใน XHTML, XML, และรุ่นอนาคตของ HTML, องค์ประกอบทั้งหมดจะต้องปิด
เพิ่มเฉือนที่จุดเริ่มต้นของฉลากเช่น <br /> เป็นวิธีการที่เหมาะสมที่จะปิดองค์ประกอบที่ว่างเปล่า, HTML, XHTML และ XML ยอมรับวิธีการนี้
แม้ <br> ในเบราว์เซอร์ที่มีประสิทธิภาพ แต่ใช้ <br /> จริงมากขึ้นการป้องกันในระยะยาว
HTML เคล็ดลับ: ใช้ตัวพิมพ์เล็กแท็ก
HTML จะไม่ได้เป็นกรณีที่สำคัญ: <p> เทียบเท่ากับ <p> เว็บไซต์หลายแห่งจะใช้แท็กพิมพ์ใหญ่
W3CSchool ใช้แท็กพิมพ์เล็กเพราะเวิลด์ไวด์เว็บ Consortium (W3C) HTML 4แนะนำตัวพิมพ์เล็ก แต่ในรุ่นอนาคต (X) HTML ของการใช้ตัวพิมพ์เล็กบังคับ