HTML องค์ประกอบ

เอกสาร HTML ประกอบด้วยองค์ประกอบ HTML

HTML องค์ประกอบ

องค์ประกอบ HTML หมายถึงรหัสบวยทั้งหมดจากแท็กเริ่มต้น (start tag) ถึงแท็กสิ้นสุด (end tag)

แท็กเริ่มต้น ส่วนหน้าขององค์ประกอบ แท็กสิ้นสุด
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />

หมายเหตุ：แท็กเริ่มต้นมักเรียกว่าแท็กเปิด (opening tag) และแท็กสิ้นสุดมักเรียกว่าแท็กปิด (closing tag)

สายการเขียน HTML

  • องค์ประกอบ HTML มีแท็กเริ่มต้นเริ่มต้น
  • องค์ประกอบ HTML มีแท็กสิ้นสุดจบ
  • เนื้อหาองค์ประกอบคือเนื้อหาที่อยู่ระหว่างแท็กเริ่มต้นและแท็กสิ้นสุด
  • องค์ประกอบบางองค์ประกอบมีส่วนหน้าขององค์ประกอบ
  • ส่วนหน้าว่าง (empty content)องค์ประกอบว่างปิดแท็กในแท็กเริ่มต้น
  • (สิ้นสุดด้วยปิดแท็กของแท็กเริ่มต้น)ส่วนใหญ่ขององค์ประกอบ HTML สามารถมี

คุณสมบัติคำแนะนำ:

องค์ประกอบ HTML ที่ฝังกัน

ส่วนใหญ่ขององค์ประกอบ HTML สามารถฝังกันได้ (สามารถรวมองค์ประกอบ HTML อื่น ๆ ได้)

เอกสาร HTML ประกอบด้วยองค์ประกอบ HTML ที่ฝังกันทั้งหมด。

ตัวอย่างเอกสาร HTML

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

ตัวอย่างที่สูงกว่านี้ประกอบด้วยองค์ประกอบ HTML สามองค์ประกอบ。

การอธิบายตัวอย่าง HTML

<p> องค์ประกอบ:

<p>This is my first paragraph.</p>

องค์ประกอบ <p> นี้กำหนดช่วงประโยคหนึ่งของเอกสาร HTML。

องค์ประกอบนี้มีแท็กเริ่มต้น <p> และแท็กสิ้นสุด </p>。

ส่วนหน้าขององค์ประกอบคือ: This is my first paragraph。

<body> องค์ประกอบ:

<body>
<p>This is my first paragraph.</p>
</body>

<body> องค์ประกอบนี้กำหนดส่วนที่เป็นเนื้อหาหลักของเอกสาร HTML。

องค์ประกอบนี้มีแท็กเริ่มต้น <body> และแท็กสิ้นสุด </body>。

ส่วนหน้าขององค์ประกอบ HTML คือองค์ประกอบ HTML อื่น ๆ (องค์ประกอบ p)。

<html> อนุญาติ:

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

องค์ประกอบ <html> นิยามถึงทั้งหมดของเอกสาร HTML

องค์ประกอบนี้มีแทรกซีกเริ่มต้น <html> และแทรกซีกปิด </html>

เนื้อหาขององค์ประกอบเป็นองค์ประกอบ HTML อื่นๆ (องค์ประกอบ body)

หลังจากไม่จำเป็นที่จะลืมแทรกซีกปิด

แม้ว่าคุณจะลืมใช้แทรกซีกปิด โปรแกรมเบราญวลล์ส่วนใหญ่ยังจะแสดง HTML ถูกต้อง：

<p>This is a paragraph
<p>This is a paragraph

ตัวอย่างด้านบนจะทำงานดีในโปรแกรมเบราญวลล์ส่วนใหญ่ แต่ไม่ควรพึงพยายามใช้วิธีนี้ การลืมใช้แทรกซีกปิดอาจก่อให้เกิดผลลัพธ์หรือข้อผิดพลาดที่ไม่น่าคาดคิด

หมายเหตุ：HTML ฉบับต่อไปไม่อนุญาตให้ละเลยแทรกซีกปิด

องค์ประกอบ HTML ว่างเปล่า

องค์ประกอบ HTML ที่ไม่มีเนื้อหาเรียกว่าองค์ประกอบว่างเปล่า ซึ่งปิดในแทรกซีกเริ่มต้น

<br> คือองค์ประกอบว่างเปล่าที่ไม่มีแทรกซีกปิด (แทรกซีก <br> นิยามถึงการสร้างบรรทัดใหม่)

ใน XHTML、XML และ HTML ฉบับต่อไป ทุกองค์ประกอบต้องปิด

เพิ่มเครื่องหมายสระในแทรกซีกเริ่มต้น อย่างเช่น <br /> เป็นวิธีที่ถูกต้องสำหรับปิดองค์ประกอบว่างเปล่า ซึ่ง HTML、XHTML และ XML ยอมรับวิธีนี้

แม้ว่า <br> จะมีประสิทธิภาพในทุกเบราญวลล์ แต่การใช้ <br /> จะเป็นการปกป้องที่ยาวนานกว่า

HTML คำแนะนำ：ใช้ตัวเล็ก

HTML แทรกซีกไม่ความไตร่ตรงต่อตัวใหญ่หรือเล็ก：<P> เท่ากับ <p> หลายเว็บไซต์ที่ใช้แทรกซีก HTML ใหญ่

CodeW3C.com ใช้ตัวเล็กแทนตัวใหญ่ เพราะองค์การ W3C ใช้ตัวเล็กใน HTML 4แนะนำใช้ตัวเล็ก และในภายหลัง (X)HTML 版ั่นบังคับใช้ตัวเล็ก