This article is currently in the process of being translated into Thai (~97% 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 โดยการใช้การกำหนดหัวข้อเรื่อง
- คำนำ
- กลับมาที่ Heading ระดับที่ 2
- 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!
