HTML <title>แท็ก
ตัวอย่าง
กำหนดชื่อเรื่องสำหรับเอกสาร HTML ของคุณ:
<!DOCTYPE html>
<html>
<head>
<title>HTML Elements Reference</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
ความหมายและการใช้งาน
แท็ ก<title>
กำหนดชื่อเรื่องของเอกสาร ชื่อเรื่องต้องเป็นข้อความเท่านั้น และแสดงในแถบชื่อเรื่องของเบราว์เซอร์หรือในแท็บของหน้า
แท็ ก<title>
เป็นสิ่งจำเป็นในเอกสาร HTML!
เนื้อหาของหน้าชื่อมีความสำคัญมากสำหรับการเพิ่มประสิทธิภาพกลไกค้นหา (SEO)! อัลกอริทึมของเครื่องมือค้นหาใช้ชื่อหน้าเพื่อกำหนดลำดับเมื่อแสดงรายการหน้าในผลการค้นหา
องค์ประกอบ<title>
:
- กำหนดชื่อในแถบเครื่องมือเบราว์เซอร์
- ให้ชื่อเรื่องสำหรับหน้าเมื่อมีการเพิ่มในรายการโปรด
- แสดงชื่อหน้าในผลลัพธ์ของเครื่องมือค้นหา
เคล็ดลับในการสร้างชื่อที่ดีมีดังนี้
- ใช้ชื่อที่อธิบายได้ยาวกว่า (หลีกเลี่ยงชื่อหนึ่งหรือสองคำ)
- เสิร์ชเอ็นจิ้นจะแสดงชื่อประมาณ 50-60 อักขระ ดังนั้นพยายามอย่าให้ชื่อยาวเกินกว่านั้น
- อย่าใช้เพียงรายการคำเป็นชื่อเรื่อง (ซึ่งอาจลดตำแหน่งของหน้าในผลการค้นหา)
ดังนั้น พยายามทำให้ชื่อเรื่องถูกต้องและมีความหมายมากที่สุด!
หมายเหตุ:คุณไม่สามารถมีองค์ประกอบมากกว่าหนึ่งรายการ<title>
ในเอกสาร HTML
รองรับเบราว์เซอร์
Element | |||||
---|---|---|---|---|---|
<title> | Yes | Yes | Yes | Yes | Yes |
คุณสมบัติสากล
แท็ ก<title>
ยังสนับสนุน Global Attributes ในHTML
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: HTML Head
การอ้างอิง HTML DOM: Title Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<title>
องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
title {
display: none;
}