1. องค์ประกอบ HTML <head>
องค์ประกอบ <head> เป็นคอนเทนเนอร์สำหรับองค์ประกอบส่วนหัวทั้งหมด องค์ประกอบภายใน <head> อาจมีสคริปต์ที่สั่งให้เบราว์เซอร์ค้นหาสไตล์ชีต ระบุข้อมูลเมตา และอื่นๆ
แท็กต่อไปนี้สามารถเพิ่มลงในส่วนหัวได้: <title>, <base>, <link>, <meta>, <script> และ <style>
2. องค์ประกอบ HTML <title>
แท็ก <title> กำหนดชื่อเรื่องของเอกสาร
จำเป็นต้องมีองค์ประกอบชื่อในเอกสาร HTML/XHTML ทั้งหมด
องค์ประกอบชื่อสามารถ:
(1) กำหนดชื่อในแถบเครื่องมือของเบราว์เซอร์
(2) ระบุชื่อที่แสดงเมื่อมีการเพิ่มหน้าลงในรายการโปรด
(3) ชื่อหน้าที่แสดงในผลลัพธ์ของเครื่องมือค้นหา
<head><metacharset=utf-8><title>การเขียนโปรแกรม Dotcpp</title></head>
3. องค์ประกอบ HTML <ฐาน>
แท็ก <base> ระบุที่อยู่หรือเป้าหมายเริ่มต้นสำหรับลิงก์ทั้งหมดบนเพจ
<!DOCTYPEhtml><html><head><metacharset=utf-8><title><base>การสาธิตแท็ก</title><basehref=https://www.dotcpp.com/></head><body ><ul><li><ahref=course/>หน้าแรก</a></li><li><ahref=course/html/>บทช่วยสอน HTML</a></li></ul></body ></html>
4. องค์ประกอบ HTML <link>
แท็ก <link> กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอก
แท็ก <link> มักใช้เพื่อเชื่อมโยงสไตล์ชีท
<head><styletype=text/css>body{พื้นหลัง-สี:สีเหลือง}p{color:blue}</style></head>5. องค์ประกอบ HTML <สไตล์>
แท็ก <style> ใช้เพื่อกำหนดข้อมูลสไตล์สำหรับเอกสาร HTML
ภายในองค์ประกอบสไตล์ คุณสามารถระบุวิธีแสดงผลองค์ประกอบ HTML ในเบราว์เซอร์ได้
6. องค์ประกอบ HTML <เมตา>
Metadata คือข้อมูลเกี่ยวกับข้อมูล
แท็ก <meta> ให้ข้อมูลเมตาเกี่ยวกับเอกสาร HTML ข้อมูลเมตาจะไม่แสดงบนเพจ แต่สามารถอ่านด้วยเครื่องได้
โดยทั่วไป องค์ประกอบเมตาจะใช้เพื่อระบุคำอธิบายของเพจ คำสำคัญ ผู้เขียนเอกสาร เวลาที่แก้ไขล่าสุด และข้อมูลเมตาอื่นๆ
แท็ก <meta> จะอยู่ภายในองค์ประกอบ head เสมอ
เบราว์เซอร์สามารถใช้ข้อมูลเมตาได้ (วิธีแสดงเนื้อหาหรือโหลดหน้าซ้ำ) โปรแกรมค้นหา (คำหลัก) หรือบริการเว็บอื่น ๆ
คำสำคัญสำหรับเครื่องมือค้นหา
เครื่องมือค้นหาบางตัวจะใช้ชื่อและแอตทริบิวต์เนื้อหาขององค์ประกอบ meta เพื่อสร้างดัชนีหน้าเว็บของคุณ
องค์ประกอบ meta ต่อไปนี้กำหนดคำอธิบายของหน้า:
<metaname=descriptioncontent=FreeWebtutorialsonHTML,CSS,XML/>
องค์ประกอบเมตาต่อไปนี้จะกำหนดคำสำคัญของเพจ:
<metaname=keywordscontent=HTML,CSS,XML/>
แอตทริบิวต์ชื่อและเนื้อหาใช้เพื่ออธิบายเนื้อหาของเพจ
7. องค์ประกอบ TML <script>
แท็ก <script> ใช้เพื่อกำหนดสคริปต์ฝั่งไคลเอ็นต์ เช่น JavaScript
เรื่องนี้จะไม่อธิบายโดยละเอียด
องค์ประกอบส่วนหัว HTML