<head> Element
element คือ ส่วนที่เป็นเหมือนคอนเทนเนอร์ไว้ใส่ element อื่นๆ เช่น , <meta>, <link>, <script>, <base> จะอยู่ระหว่าง Tag <html> และ <body>
meta data เป็นข้อมูลเกี่ยวกับเอกสาร HTML meta data ไม่แสดงผลในเบราว์เซอร์ โดยทั่วไป meta data จะกำหนดชื่อเอกสาร ประเภทตัวอักษร สไตล์ สคริปต์ และข้อมูลเมตาอื่นๆ
<title> Element
<title> เป็นแท็กใช้ระบุชื่อเรื่องของเอกสาร ชื่อเรื่องจะต้องเป็นข้อความเท่านั้น และจะแสดงในแถบชื่อเรื่องของเบราว์เซอร์หรือในแท็บของหน้า แท็ก <title> นั้นสำคัญมากสำหรับช่วยให้เว็บไซต์ให้ติดเสิร์ช เพราะอัลกอริทึมของเครื่องมือค้นหาใช้ชื่อหน้าเว็บเพื่อตัดสินใจการลำดับเว็บไซต์เมื่อแสดงรายการหน้าในผลการค้นหา ดังนั้นพยายามตั้งชื่อให้ถูกต้องและมีความเหมาะสมกับเรื่องนั้นๆมากที่สุด
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<title>ชื่อเรื่องที่เป็นหัวของเนื้อหานี้</title>
</head>
<body>
<p>เนื้อหาขององค์ประกอบเนื้อหาจะแสดงในหน้าต่างเบราว์เซอร์</p>
<br><br>
<p>เนื้อหาขององค์ประกอบชื่อจะแสดงในแท็บเบราว์เซอร์ในรายการโปรดและในผลลัพธ์ของเครื่องมือค้นหา</p>
</body>
</html>
เนื้อหาขององค์ประกอบเนื้อหาจะแสดงในหน้าต่างเบราว์เซอร์
เนื้อหาขององค์ประกอบชื่อจะแสดงในแท็บเบราว์เซอร์ในรายการโปรดและในผลลัพธ์ของเครื่องมือค้นหา
<style> Element
<style> แท็กนี้ใช้กำหนดข้อมูลสไตล์ของหน้าเว็บเพจ เช่น หัวข้อ สีข้อความ สีพื้นหลัง และอื่นๆ
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<title>ชื่อบทความที่แสดงที่แท็บเบราว์เซอร์</title>
<style>
h1 {color: red;}
p {color: blue;}
</style>
</head>
<body>
<h1>หัวข้อใหญ่</h1><br>
<p>เนื้อหาบทความ</p>
</body>
</html>
หัวข้อใหญ่
เนื้อหาบทความ
<link> Element
แท็ก <link> ใช้ในการระบุลิงก์ไฟล์ ส่วนใหญ่จะใช้ลิงก์กับไฟล์ข้างนอก
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
This is a Heading
This is a paragraph.