บทความบทนำของ wulin.com (www.vevb.com): หน้าเว็บเป็นเหมือนบ้านโครงสร้าง HTML เป็นผนังทีละคนและแท็กเป็นอิฐ อิฐจะต้องวางในลักษณะที่เป็นระเบียบและเรียบร้อยเพื่อให้ผนังจะแน่น ในที่สุด CSS เป็นวัสดุตกแต่งและขึ้นอยู่กับเธอว่ามันสวยงามหรือไม่ ดังนั้นเราจำเป็นต้องมีหน้าเว็บที่ยอดเยี่ยมซึ่งไม่เพียง แต่ให้โครงสร้าง HTML ที่สะอาดและชัดเจน แต่ยังแยกกันไม่ออกจากความสวยงามสูงสุดของ CSS
เมื่อไม่นานมานี้เมื่อเรียกดูออนไลน์ฉันพบว่าคำถามการรับสมัครการพัฒนาส่วนหน้าของ บริษัท ยักษ์ใหญ่ทางอินเทอร์เน็ตในประเทศหลายแห่งยังคงกล่าวถึงปัญหาความหมายของฉลาก หัวข้อนี้เป็นความคิดโบราณอยู่แล้ว แต่ก็ยังมีปัญหามากมาย มันลงมาเป็นนิสัย ฉันขี้เกียจเกินไปเมื่อฉันมีเวลาดังนั้นฉันแค่เขียนโค้ดโดยไม่ต้องพิจารณา ฉันรู้ว่าฉันผิด! รองเท้าเด็กเราต้องทำให้ความหมายของฉลากเป็นนิสัย! วันนี้ฉันจะทำให้ความหมายของฉลากเป็นที่นิยมและกระตุ้นให้ตัวเองไม่สับสนตลอดทั้งวัน!
ในการออกแบบเว็บเรามักจะได้ยินคำว่าแท็ก semanticization การออกแบบการออกแบบของ HTML TAG Semanticization นั้นใช้จริง ๆ แล้วการใช้แท็กที่เหมาะสมและเหมาะสมที่สุดสำหรับเนื้อหาบางชิ้น ด้วยวิธีนี้ไม่ว่าจะเป็นใครคุณสามารถเข้าใจว่าเนื้อหาชิ้นนี้คืออะไร
หน้าเว็บเป็นเหมือนบ้าน โครงสร้าง HTML เป็นผนังทีละคนและแท็กเป็นอิฐ อิฐจะต้องวางในลักษณะที่เป็นระเบียบและเรียบร้อยเพื่อให้ผนังจะแน่น ในที่สุด CSS เป็นวัสดุตกแต่งและขึ้นอยู่กับเธอว่ามันสวยงามหรือไม่ ดังนั้นเราจำเป็นต้องมีหน้าเว็บที่ยอดเยี่ยมซึ่งไม่เพียง แต่ให้โครงสร้าง HTML ที่สะอาดและชัดเจน แต่ยังแยกกันไม่ออกจากความสวยงามสูงสุดของ CSS
ข้างต้นยังแสดงให้เห็นว่าความหมายของแท็กมีความสำคัญอย่างยิ่ง แต่ละแท็กใน HTML มีความหมายของตัวเองและขอบเขตของแอปพลิเคชันของตัวเอง แต่เรามักจะถูกเพิกเฉยหรือถูกทารุณกรรม ตัวอย่างเช่นในหน้าเว็บมีหลายสิบหรือหลายร้อยคน นี่คือแท็กที่ไม่มีความหมายซึ่งแสดงถึงเลเยอร์เท่านั้นซึ่งไม่เอื้ออำนวยมากสำหรับการบำรุงรักษาในภายหลัง ในขณะที่แท็ก <bable> เป็นแท็กข้อมูลและเมื่อถึงเวลาใช้งานเราต้องใช้อย่างกล้าหาญ
ประโยชน์ของความหมายแท็กมีเหตุผลมากมายที่คุณจะใช้ความหมายแท็ก:
สรุปความหมายแท็ก HTMLเพื่อใช้ความหมายของแท็กได้เร็วขึ้นและดีกว่าแบบฟอร์มต่อไปนี้แสดงรายการแท็ก HTML ทั้งหมดและคำอธิบายแท็ก รายการต่อไปนี้จัดเรียงตามตัวอักษรโดยที่ใหม่: เป็นแท็กใหม่ใน HTML5
แท็กคำอธิบาย
<!-…-> กำหนดความคิดเห็น
<! doctype> กำหนดประเภทเอกสาร
<a> กำหนดไฮเปอร์ลิงก์
<Abbr> กำหนดตัวย่อ
<คำย่อ> ไม่รองรับใน HTML 5. กำหนดตัวย่อ
<dront> กำหนดองค์ประกอบที่อยู่
<Applet> ไม่รองรับใน HTML 5. กำหนดแอปเพล็ต
<saile> กำหนดพื้นที่ในแผนที่รูปภาพ
<บทความ> กำหนดบทความ
<side> กำหนดเนื้อหานอกเนื้อหาของหน้า
<Audio> กำหนดเนื้อหาเสียง
<b> กำหนดข้อความตัวหนา
<sase> กำหนด URL พื้นฐานสำหรับลิงก์ทั้งหมดในหน้า
<SaseFont> ไม่รองรับใน HTML 5 โปรดใช้ CSS แทน
<BDI> กำหนดทิศทางข้อความของข้อความเพื่อให้ได้รับการตั้งค่าจากทิศทางของข้อความโดยรอบ
<bdo> กำหนดทิศทางของการแสดงข้อความ
<big> ไม่รองรับใน HTML 5. กำหนดข้อความขนาดใหญ่
<blockquote> กำหนดการอ้างอิงที่ยาวนาน
<body> กำหนดองค์ประกอบของร่างกาย
<br> แทรกสายพัก
<button> กำหนดปุ่ม
<Canvas> กำหนดกราฟ
<Caption> กำหนดชื่อตาราง
<enter> ไม่รองรับ HTML 5 กำหนดข้อความที่อยู่ตรงกลาง
<Cite> กำหนดข้อมูลอ้างอิง
<code> กำหนดข้อความรหัสคอมพิวเตอร์
<ol> กำหนดคุณสมบัติของคอลัมน์ตาราง
<Colgroup> กำหนดการจัดกลุ่มของคอลัมน์ตาราง
<sommand> กำหนดปุ่มคำสั่ง
<Datalist> กำหนดรายการแบบดรอปดาวน์
<DD> กำหนดคำอธิบายของคำจำกัดความ
<del> กำหนดข้อความลบ
<eaties> กำหนดรายละเอียดขององค์ประกอบ
<dfn> นิยามกำหนดโครงการ
<ir> ไม่รองรับใน HTML 5. กำหนดรายการไดเรกทอรี
<div> กำหนดส่วนหนึ่งของเอกสาร
<dl> รายการคำจำกัดความ
<Dt> กำหนดรายการที่กำหนดไว้
<em> คำจำกัดความเน้นข้อความ
<Embed> กำหนดเนื้อหาแบบโต้ตอบภายนอกหรือปลั๊กอิน
<StetSet> กำหนด FieldSet
<Potcaption> กำหนดชื่อขององค์ประกอบรูป
<รูป> กำหนดการจัดกลุ่มเนื้อหาสื่อรวมถึงชื่อของพวกเขา
<Font> ไม่รองรับใน HTML 5
<Footer> กำหนดส่วนท้ายของส่วนหรือหน้า
<Form> กำหนดรูปแบบ
ไม่รองรับ <frame> HTML 5 กำหนดหน้าต่างย่อย (เฟรม)
<เฟรมเซ็ต> ไม่รองรับใน HTML 5 กำหนดชุดของเฟรมเวิร์ก
<H1> ถึง <H6> กำหนดชื่อ 1 ถึงชื่อ 6
<head> กำหนดข้อมูลเกี่ยวกับเอกสาร
<ส่วนหัว> กำหนดส่วนหัวของส่วนหรือหน้า
<Hgroup> กำหนดข้อมูลเกี่ยวกับส่วนต่างๆในเอกสาร
<HR> กำหนดเส้นแนวนอน
<Html> กำหนดเอกสาร HTML
<i> กำหนดข้อความตัวเอียง
<frame> กำหนดหน้าต่างลูก (เฟรม) ภายในแถว
<Img> กำหนดภาพ
<put> กำหนดฟิลด์อินพุต
<ins> กำหนดข้อความแทรก
<seygen> กำหนดคีย์ที่สร้างขึ้น
<isIndex> ไม่รองรับใน HTML 5 กำหนดฟิลด์อินพุตสำหรับบรรทัดเดียว
<KBD> กำหนดข้อความแป้นพิมพ์
<label> กำหนดฉลากของการควบคุมแบบฟอร์ม
<gregend> กำหนดชื่อใน FieldSet
<li> กำหนดรายการของรายการ
<link> กำหนดการอ้างอิงทรัพยากร
<ap> กำหนดแผนที่ภาพ
<mark> กำหนดข้อความที่ทำเครื่องหมายไว้
<เมนู> กำหนดรายการเมนู
<Meta> กำหนดข้อมูลเมตา
<เมตร> กำหนดตัวชี้วัดภายในช่วงที่กำหนดไว้ล่วงหน้า
<av> กำหนดลิงก์นำทาง
<noframes> ไม่ได้รับการสนับสนุนใน HTML 5 กำหนดส่วน noframe
<Noscript> กำหนดส่วน noscript
<jobal> กำหนดวัตถุที่ฝังอยู่
<ol> กำหนดรายการที่สั่งซื้อ
<PetGroup> กำหนดกลุ่มตัวเลือก
<potion> กำหนดตัวเลือกในรายการดรอปดาวน์
<Eutput> กำหนดเอาต์พุตบางประเภท
<p> กำหนดย่อหน้า
<param> กำหนดพารามิเตอร์สำหรับวัตถุ
<pre> กำหนดข้อความ preformatted
<progress> กำหนดความคืบหน้าของงานทุกประเภท
<Q> กำหนดการอ้างอิงสั้น ๆ
<rp> กำหนดเนื้อหาที่แสดงโดยองค์ประกอบทับทิมหากเบราว์เซอร์ไม่รองรับเบราว์เซอร์
<rt> กำหนดคำอธิบายของความคิดเห็นทับทิม
<Ruby> กำหนดความคิดเห็นทับทิม
<s> ไม่รองรับใน HTML 5. กำหนดข้อความด้วย Strikethrough
<Samp> กำหนดรหัสคอมพิวเตอร์ตัวอย่าง
<script> กำหนดสคริปต์
<section> กำหนดส่วน
<Select> กำหนดรายการเสริม
<small> แสดงความคิดเห็นด้านข้างเป็นข้อความเล็ก ๆ
<source> กำหนดแหล่งที่มาของสื่อ
<span> กำหนดส่วนในเอกสาร
<strike> ไม่ได้รับการสนับสนุนใน HTML 5. กำหนดข้อความด้วย Strikethrough
<strong> นิยามเน้นข้อความ
<style> กำหนดนิยามสไตล์
<ub> กำหนดข้อความห้อย
<summary> กำหนดชื่อขององค์ประกอบรายละเอียด
<sup> กำหนดข้อความตัวยก
<table> กำหนดตาราง
<Tbody> กำหนดเนื้อหาของตาราง
<td> กำหนดเซลล์ตาราง
<Textarea> กำหนด textarea
<tfoot> กำหนดเชิงอรรถของตาราง
<th> กำหนดส่วนหัว
<head> กำหนดส่วนหัว
<time> กำหนดวันที่/เวลา
<title> กำหนดชื่อของเอกสาร
<tr> กำหนดแถวตาราง
<rack> กำหนดแทร็กข้อความที่ใช้ในเครื่องเล่นสื่อ
<tt> ไม่รองรับใน HTML 5. กำหนดข้อความพิมพ์ดีด
<u> ไม่รองรับใน HTML 5. กำหนดข้อความที่ขีดเส้นใต้
<ul> กำหนดรายการที่ไม่ได้เรียงลำดับ
<car> กำหนดตัวแปร
<video> กำหนดวิดีโอ
<XMP> ไม่รองรับใน HTML 5. กำหนดข้อความ preformatted