คุณภาพ Web - องค์ประกอบ HTML สำคัญ

สำหรับการปรับปรุงคุณภาพเว็บเพื่อเพิ่มความสำคัญและรวดเร็วของเว็บไซต์ <DOCTYPE> และ <title> รวมถึง <h1> มีความสำคัญอีกด้วย

<DOCTYPE> อาทิตย์

Doctype หมายถึง "document type declaration" (DTD)

ทุกหน้า HTML และ XHTML ควรใช้สัญญาณ <Doctype> ที่กำหนดว่าจะทำตามเวอร์ชั่น HTML ใด

doctype กำหนดเวอร์ชั่น HTML ที่คุณใช้และให้ข้อมูลสำคัญแก่เบราเซอร์เพื่อที่จะแสดงหน้าเว็บของคุณอย่างรวดเร็วและสม่ำเสมอ

ข้อประกาศประเภทเอกสารดังกล่าวยังมีความหมายที่ว่าโปรแกรมตรวจสอบตามกฎหมายสามารถตรวจสอบภาษาของหน้าเว็บได้

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

ดูเพิ่มเติม：แบตัดหลัก HTML <!DOCTYPE>

ตัวแปล <title>

ตัวแปล <title> เป็นหนึ่งในตัวแปล HTML ที่สำคัญที่สุด ภารกิจหลักของมันคือเพื่อบรรยายเนื้อหาของหน้าเว็บ

แม้ว่าชื่อเว็บไซต์จะไม่เป็นส่วนที่สามารถเห็นได้ของหน้าเว็บ มันยังคงสำคัญสำหรับการปรับปรุงคุณภาพของเว็บไซต์ เพราะมันยังคงสามารถเห็นได้ในตำแหน่งต่าง ๆ ดังนี้:

  • รายชื่อเครื่องค้นหา
  • แถวชื่อหน้าต่างของหน้าต่าง
  • ในบันทึกหลักฐานของผู้ใช้

ชื่อเว็บไซต์ควรเป็นชื่อที่สั้นและมีความเหมาะสมในการบรรยาย

เมื่อผู้ใช้ค้นหาเว็บไซต์ใน internet ส่วนใหญ่ของเครื่องค้นหาจะแสดงชื่อเว็บไซต์ในผลลัพธ์การค้นหา โปรดให้เช็คให้แน่ใจว่าชื่อเว็บไซต์สอดคล้องกับเนื้อหาของหน้าเว็บ ดังนั้นผู้ใช้จะมีโอกาสมากขึ้นที่จะคลิกลิงก์เพื่อเข้าเว็บไซต์ของคุณ

เมื่อผู้ใช้เข้าเว็บไซต์ของคุณ ข้อความในแถวชื่อหน้าต่างเปิดเผยได้เห็น โปรดให้เช็คให้แน่ใจว่าแถวชื่อหน้าต่างจะมีความเหมาะสมในการเรียกย่อเว็บไซต์ที่คุณใช้

หลังจากผู้ใช้เข้าชมเว็บไซต์ของคุณ หัวข้อของเว็บไซต์จะถูกเก็บเนื้อหาในโฟลเดอร์ประวัติ (ผู้ใช้อาจจะเก็บเว็บไซต์เข้าช่องเก็บเว็บไซต์ของเขา) ในการเข้าชมที่ดีกว่า โปรดให้หัวข้อสามารถบรรยายเว็บไซต์ของคุณได้ชัดเจน

หัวข้อที่ดี:

<title>อบรม HTML</title>
<title>แนะนำ XML</title>

หัวข้อย่อยที่ย่อย:

<title>แนะนำ</title>
<title>ช่วง 1</title>
<title>CodeW3C.com มีรายชื่อที่มีโครงสร้างที่ดีและง่ายต่อการเข้าใจ ทั้ง HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL อบรม และมีทั้งหมดหลายตัวอย่างและรหัสต้นแบบ

ดูเพิ่มเติม：แท็ก <title> HTML

แท็ก <h1>

แท็ก <h1> ใช้เพื่อเน้นหัวข้อที่สูงสุดของเว็บไซต์

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

โปรดใช้ <h1> สำหรับหัวข้อที่สูงสุด และ <h2> และ <h3> สำหรับระดับต่ำกว่า

คุณสามารถพยายามทำเว็บไซต์ของคุณตามแม่บทนี้:

หากคุณไม่ชอบขนาดตัวอักษรของหัวข้อแรกๆ คุณสามารถใช้สไตล์หรือสไตล์เชิงภาพเพื่อเปลี่ยนความต่าง

ดูเพิ่มเติม：HTML <h1> - <h6> แท็ก