GORAGOD.com

HTML5 tags

Tags ต่างๆของ HTML5 รวมทั้งความหมายของมันและ Tags ที่ถูกยกเลิกไปแล้ว
Tag ความหมาย
<!--...--> หมายเหตุต่างๆของ HTML
<!DOCTYPE> Document type
<a> แท็กสำหรับลิงค์ต่างๆ
<abbr> ใช้เพื่อบ่งบอกว่านี่คือตัวย่อเช่น www ย่อมาจาก Word Wide Web เป็นต้น
<acronym> ยกเลิก
<address> สำหรับระบุที่อยุ่
<applet> ยกเลิก
<area> กำหนดพื้นที่ภายในรูปภาพสำหรับการทำ image map
<article>  สำหรับระบุว่านี่คือส่วนเนื้อหาของเว็บไซต์ เช่น เนื้อหาของ บล๊อก บทความ เว็บบอร์ด เป็นต้น
<aside>  ใช้สำหรับระบุว่าเป็นเนื้อหาที่เกี่ยวข้องกับบทความที่กำลังแสดงอยู่
<audio>  สำหรับเล่นไฟล์เสียง
<b> สำหรับเน้นข้อความว่าเป็นคำสำคัญ โดยการแสดงตัวอักษรเป็นตัวหนา
<base> สำหรับระบุ URL ของหน้าเว็บหากหน้าเว็บสามารถเรียกได้หลายช่องทาง
<basefont> ยกเลิก
<bdi>  ใช้สำหรับระบุทิศทางของข้อความแยกออกจากข้อความที่อยู่โดยรอบ
<bdo> ใช้สำหรับระบุทิศทางของข้อความ
<big> ยกเลิก
<blockquote> สำหรับกำหนดกรอบอ้างอิงหรือเครื่องหมายคำพูด
<body> tag Body ของเอกสาร
<br> ใช้สำหรับจัดข้อความด้วยการขึ้นบรรทัดใหม่
<button> ปุ่มกด
<canvas>  สำหรับการแสดงกราฟฟิคส์ต่างๆ
<caption> คำอธิบายของตาราง
<center> ยกเลิก
<cite> สำหรับกำหนดแหล่งอ้างอิง เช่นชื่อคน หรือ สถานที่
<code> สำหรับบอกว่านี่คือ "โค้ด" นะ
<col> ใช้สำหรับกำหนดลักษณะของคอลัมน์ (Style) สำหรับตาราง เพื่อไม่ให้ต้องกำหนเองทีละคอลัมน์
<colgroup> ใช้สำหรับการกำหนดลักษณะของคอลัมน์สำหรับตารางโดยการจัดกลุ่ม <col>
<command>  ใช้สำหรับกำหนดคำสั่งให้ผู้ใช้เรียกใช้งาน สามารถใช้เป็น shortcut ได้
<datalist>  สำหรับกำหนดข้อมูลที่เป็นตัวเลือกของ input
<dd> ลิสต์รายการสำหรับ <dl>
<del> สำหรับกำหนดว่านี่คือข้อความที่ถูกลบออกแล้ว
<details>  ระบุรายละเอียดเพิ่มเติมที่สามารถแสดงหรือซ่อนได้
<dfn> คำนิยาม คำจำกัดความ ที่บ่งบอกว่าเนื่อหานี้หมายถึงอะไร
<dir> ยกเลิก
<div> สำหรับแบ่งส่วนต่างๆภายใน document
<dl> ลิสต์รายการ
<dt> ลิสต์รายการ (หัวข้อ) สำหรับ <dl>
<em> ใช้สำหรับเน้นข้อความโดยจะแสดงผลเป็นตัวเอียง
<embed>  เรียกใช้งานปลั๊กอินเช่นแฟลช
<fieldset> ใช้สำหรับจัดกลุ่มข้อมูลภายในฟอร์มที่มีความเกี่ยวข้องกัน
<figcaption>  ส่วนที่ใช้เป็นคำอธิบายของ <figure>
<figure>  สำหรับจัดกลุ่มของเนื้อหาเพื่ออธิบายว่าเนื้อหานั้นๆเกี่ยวข้องกับอะไร มักใช้ร่วมกับ <img> <code> เป็นต้น
<font> ยกเลิก
<footer>  ส่วน footer ของเว็บเพจ
<form> ฟอร์ม
<frame> ยกเลิก
<frameset> ยกเลิก
<h1> to <h6> tag header 1 ถึง 6
<head> document Head element
<header>  ส่วน header ของเว็บ
<hgroup>  ใช้สำหรับการจัดกลุ่มของ
<hr> เส้นคั่นแนวนอน
<html> document HTML element
<i> ใช้สำหรับแยกเนื้อหาออกจากส่วนอื่นๆที่ต้องการโดยการแสดงผลเป็นตัวอักษรเอียง
<iframe> Window frame
<img> สำหรับรูปภาพ
<input> input ชนิดต่างๆ
<ins> สำหรับกำหนดว่านี่คือข้อความที่เพิ่งถูกแทรกเข้ามา
<keygen>  Defines a key pair generator field (for forms)
<kbd> ใช้สำหรับครอบข้อความที่หมายถึงปุ่มตัวอักษรบนคีย์บอรืดเช่น <kbd>F5</kbd>
<label> กำหนดป้ายชื่อสำหรับคอนโทรลต่างๆภายในฟอร์ม
<legend> สำหรับบอกชื่อหรือกลุ่มของฟอร์มที่แบ่งไว้โดย <fieldset>
<li> ลิสต์รายการ
<link> ใช้สำหรับกำหนดการเชื่อมโยงกับไฟล์ภายนอก เช่นการกำหนด CSS ให้กับเอกสาร
<map> สำหรับการทำ Image Map
<mark>  สำหรับทำ Highlight ให้กับประโยคหรือเนื้อหา
<menu> ใช้สำหรับกำหนดแถบเมนู
<meta> สำหรับระบุข้อมูลต่างๆซึ่งไม่สามารถแสดงออกทางหน้าเว็บได้
<meter>  สำหรับการแสดงผลคล้ายๆกราฟแท่งแนวนอน เช่นการบอกพื้นที่ที่เหลือของไดร์ฟ
<nav>  เมนูหลัก
<noframes> ยกเลิก
<noscript> สำหรับการแสดงข้อความเมื่อไม่สามารถใช้งาน Javascript ได้
<object> สำหรับเรียกใช้งานปลั๊กอิน หรือ Object
<ol> ลิสต์แบบเรียงลำดับ
<optgroup> สำหรับการจัดกลุ่มของ <option>
<option> รายการตัวเลือก (option) สำหรับ drop-down list
<output>  สำหรับแสดงผลลัพท์ที่ได้จากการคำนวณ
<p> ใช้สำหรับจัดแบ่งย่อหน้า
<param> ระบุ parameter ต่างๆสำหรับ object เช่นแฟลช
<pre> แสดงข้อความตามรูปแบบที่จัดวางไว้
<progress>  สำหรับแสดงแถบความคืบหน้าของงาน (progress bar)
<q> สำหรับกำหนดกรอบอ้างอิงหรือเครื่องหมายคำพูด (แบบสั้น)
<rp>  Used in ruby annotations to define what to show if a browser does not support the ruby element
<rt>  Defines explanation to ruby annotations
<ruby>  Defines ruby annotations
<s> สำหรับระบุข้อความที่ไม่ต้องการแล้ว บราวเซอร์จะแสดงเป็นข้อความที่มีขีดทับ ใช้แทน <strike>
<samp> สำหรับแสดงผลลัพท์ที่มาจากคอมพิวเตอร์
<script> สำหรับการกำหนด Javascript
<section>  ใช้สำหรับการแบ่งเอกสารออกเป็นส่วนๆ (ไม่ใช่เพื่อการจัด layout นะครับ)
<select> ตัวเลือกรายการแบบ Dropdown
<small> ใช้สำหรับการแสดงความหมายหรือหมายเหตุอย่างย่อๆ ซึ่งบราวเซอร์จะแสดงผลเป็นตัวอักษรตัวเล็ก 
<source>  สำหรับกำหนดที่อยู่ของไฟล์สำหรับ <video> และ <audio>
<span> ไม่มีความหมายในตัวของมันเอง แต่ใช้สำหรับการจัดกลุ่มองค์ประกอบแบบอินไลน์ในเอกสาร
<strike> ยกเลิก
<strong> แสดงตัวอักษรเป็นตัวหนา
<style> สำหรับการกำหนด CSS
<sub> ตัวห้อย เช่นค่า square root
<summary>  ใช้สำหรับระบุคำอธิบายหรือสรุปของ <details>
<sup> ตัวยก เช่นตัวเลขยกกำลัง
<table> ตารางข้อมูล
<tbody> table body
<td> table cell
<textarea> ช่องสำหรับกรอกข้อมูลที่สามารถกรอกได้หลายบรรทัด
<tfoot> table footer
<th> table header
<thead> table header
<time>  สำหรับแสดงวันที่และเวลา
<title> Document title
<tr> แถวของตาราง
<track>  สำหรับระบุคำบรรยายของวีดีโอในขณะที่เล่น (sub title)
<tt> ยกเลิก
<u> ยกเลิก
<ul> ลิสต์แบบไม่เรียงลำดับ
<var> สำหรับระบุว่าเป็นตัวแปร
<video>  tag สำหรับการแสดงวีดีโอบนเว็บไซต์
<wbr>  กำหนดจุดตัดคำในการขึ้นบรรทัดใหม่
<xmp> ยกเลิก
Tag แต่ละตัวด้านบนอาจสนับสนุนแตกต่างกันบ้าง รวมถึงแสดงผลต่างกัน ในแต่ละบราวเซอร์นะครับ ก่อนการใช้งานควรตรวจสอบให้ดีด้วยครับ