TOC

This article is currently in the process of being translated into Thai (~96% done).

HTML Basics:

Headings

Headings (การกำหนดหัวข้อเรื่อง) จะมีด้วยกันตั้งแต่ <h1> ถึง <h6> element โดยที่ <h1> เป็น element สำคัญที่สุด

ด้านล่างคือตัวอย่างของการกำหนดหัวข้อเรื่องต่างๆ

<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>

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

นี่คือตัวอย่างของการใช้ headings ในแบบต่างๆ ส่วน HTML ด้านล่างนี้จะสร้างโครงสร้างของ webpage โดยการใช้การกำหนดหัวข้อเรื่อง

  1. คำนำ
  2. กลับมาที่ Heading ระดับที่ 2
  3. Heading ระดับที่ 2 สุดท้าย
<!DOCTYPE html>
<html>
<head>
	<title>Your first HTML5 Document</title>
</head>
<body>
	<h1>Introduction</h1>
		<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
	<h2>The less important heading</h2>
		<p>This is the second paragraph and it is right below a h2-heading</p>
	<h3>My 3rd level heading</h3>
		<p>Just another paragraph </p>
	<h2>Back to 2nd level headings</h2>
	<h2>The last 2nd level heading</h2>
</body>
</html>
This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!