HTML5 มี Elements ใหม่ ๆ อะไรบ้าง
Elements HTML5 สำหรับนักพัฒนาเว็บไซด์คงรู้จัก Elements ใน HTML มาเป็นอย่างดี แต่ในบทความนี้เราจะมาพูดคุยทำความรู้จัก Elements ใหม่ใน HTML5 ซึ่งอาจมีประโยชน์อย่างมากมายสำหรับนักพัฒนาเว็บไซด์ ซึ่ง Elements HTML5 นี้ได้เข้ามามีบทบาทอย่างมากทำให้สามารถเขียน project ได้อย่างมีระเบียบมากขึ้น
| Tag | Description |
|---|---|
| <article> | ใช้สำหรับกำหนดบทความในเอกสาร |
| <aside> | ใช้สำหรับกำหนดเนื้อหานอกเหนือจากเนื้อหาของหน้าเว็บ |
| <bdi> | Defines a part of text that might be formatted in a different direction from other text |
| <details> | ใช้สำหรับกำหนดรายละเอียดเพิ่มเติมที่ผู้ใช้สามารถดูหรือซ่อนได้ |
| <dialog> | Defines a dialog box or window |
| <figure> | Defines self-contained content, like illustrations, diagrams, photos, code listings, etc. |
| <header> | Defines a header for the document or a section |
| <main> | Defines the main content of a document |
| <footer> | Defines a footer for the document or a section |
| <mark> | ใช้สำหรับ mark หรือ highlight ตัวอักษร |
| <menuitem> | Defines a command/menu item that the user can invoke from a popup menu |
| <meter> | Defines a scalar measurement within a known range (a gauge) |
| <nav> | Defines navigation links in the document |
| <progress> | Defines the progress of a task |
| <section> | Defines a section in the document |
| <rp> | Defines what to show in browsers that do not support ruby annotations |
| <rt> | Defines an explanation/pronunciation of characters (for East Asian typography) |
| <ruby> | Defines a ruby annotation (for East Asian typography) |
| <summary> | Defines a visible heading for a <details> element |
| <time> | Defines a date/time |
| <wbr> | Defines a possible line-break |
Input Attributes ที่เพิ่มเข้ามา
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step
Input Types ที่เพิ่มเข้ามา
color
date
datetime
datetime-local
month
number
range
search
tel
time
url
week
