Latest web development tutorials

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

สำหรับการเสริมสร้างคุณภาพของเว็บ <DOCTYPE>, <ชื่อ> และ <h1> แท็กที่มีความสำคัญ


<! DOCTYPE> องค์ประกอบ

ทุกหน้าเว็บ HTML และ XHTML ควรจะกำหนดให้สอดคล้องกับสิ่งที่รุ่นของ HTML ใช้ <Doctype> องค์ประกอบ

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

เอกสารการประกาศประเภท แต่ยังเพื่อตรวจสอบว่าซอฟต์แวร์ที่สามารถตรวจสอบไวยากรณ์ของหน้า:

HTML 5

<!DOCTYPE html>

HTML 4.01 เข้มงวดเฉพาะกาล, เฟรม

<!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 กาลเฟรม

<!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">

XHTML 1.1

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


<title> องค์ประกอบ

<title> องค์ประกอบเป็นหนึ่งในองค์ประกอบ HTML ที่สำคัญที่สุด หน้าที่หลักของมันคือการอธิบายเนื้อหาของหน้า

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

  • รายชื่อของเครื่องมือค้นหา
  • แถบชื่อเรื่องของหน้าต่าง
  • บุ๊กของผู้ใช้

ชื่อควรจะเป็นสั้นที่สุดและมีพรรณนา

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

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

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

ชื่อเรื่องที่ยอดเยี่ยม:

<title> HTML สอน </ title>

<title> XML บทนำ </ title>

ตัวอย่างของชื่อช่องว่าง ::

<title> บทนำ </ title>

<title> บทที่ 1 </ title>

W3Cschool มีชุดของดีจัดให้ง่ายต่อการเข้าใจ HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL บทเรียนและรวมถึงตัวอย่างมากมายและ source code


<h1> องค์ประกอบ

<h1> องค์ประกอบที่จะใช้ในการอธิบายชื่อหน้าด้านบน

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

ตรวจสอบให้แน่ใจว่า <h1> สำหรับชื่อสูงสุด <H2> และ <h3> สำหรับระดับที่ต่ำกว่า

ตามที่แม่แบบนี้คุณสามารถพยายามที่จะสร้างหน้าเว็บของคุณ:

นี้เป็นหัวข้อหลัก

บางข้อความที่เริ่มต้น

นี้เป็นระดับที่ 2 หัวข้อ

นี่คือข้อความบางส่วน. นี้เป็นข้อความบางส่วน. นี้เป็นข้อความบางส่วน

นี่คือส่วนหัวระดับ 3

นี่คือข้อความบางส่วน. นี้เป็นข้อความบางส่วน. นี้เป็นข้อความบางส่วน

นี่คือส่วนหัวระดับ 3

นี่คือข้อความบางส่วน. นี้เป็นข้อความบางส่วน. นี้เป็นข้อความบางส่วน

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