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

มีการระบุประเภทคุณลักษณะพื้นฐานหลายประเภท ได้แก่ (1) คุณลักษณะที่จำเป็นซึ่งจำเป็นสำหรับประเภทองค์ประกอบเฉพาะเพื่อให้ประเภทองค์ประกอบนั้นทำงานได้อย่างถูกต้อง (2) คุณลักษณะเสริมที่ใช้ในการแก้ไขฟังก์ชันการทำงานเริ่มต้นของประเภทองค์ประกอบ (3) คุณลักษณะมาตรฐานที่รองรับโดยประเภทองค์ประกอบหลายประเภท และ (4) คุณลักษณะเหตุการณ์ที่ใช้เพื่อให้ประเภทองค์ประกอบระบุสคริปต์ที่จะทำงานภายใต้สถานการณ์เฉพาะ

Doctype HTML คือคำประกาศที่บอกให้เบราว์เซอร์ทราบว่าเอกสารนั้นเขียนด้วย HTML เวอร์ชันใด

ประเภทแอตทริบิวต์บางประเภททำงานแตกต่างกันเมื่อใช้เพื่อแก้ไขประเภทองค์ประกอบที่แตกต่างกัน ตัวอย่างเช่นชื่อ แอตทริบิวต์ ถูกใช้โดยประเภทองค์ประกอบหลายประเภท แต่มีฟังก์ชันที่แตกต่างกันเล็กน้อยในแต่ละประเภท^{[ 1 ]}

โดยทั่วไปแล้ว แอตทริบิวต์ HTML จะปรากฏเป็นคู่ชื่อ-ค่าคั่นด้วยเครื่องหมายจุลภาค=และเขียนไว้ภายในแท็กเริ่มต้นขององค์ประกอบ หลังชื่อขององค์ประกอบนั้น:

<element attribute= "value" >เนื้อหาขององค์ประกอบ</element>

โดยที่elementชื่อคือประเภทขององค์ประกอบ HTML และattributeคือชื่อของแอตทริบิวต์ที่ตั้งค่าตามที่กำหนดvalueค่าอาจอยู่ในเครื่องหมายคำพูดเดี่ยวหรือคู่ก็ได้ แม้ว่าค่าที่ประกอบด้วยอักขระบางตัวสามารถเว้นว่างไว้โดยไม่ต้องใส่เครื่องหมายคำพูดใน HTML (แต่ไม่ใช่XHTML ) ^{[ 2 ] [ 3 ]}การเว้นว่างค่าแอตทริบิวต์ไว้โดยไม่ต้องใส่เครื่องหมายคำพูดถือว่าไม่ปลอดภัย^{[ 4 ​​]}

แม้ว่าแอตทริบิวต์ส่วนใหญ่จะถูกระบุเป็นชื่อและค่าที่จับคู่กัน แต่บางส่วนมีผลต่อองค์ประกอบเพียงแค่การปรากฏอยู่ในแท็กเริ่มต้นขององค์ประกอบ^{[ 5 ]} (เช่นismapแอตทริบิวต์สำหรับimgองค์ประกอบ^{[ 6 ]} )

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

< abbr id = "anId" class = "aClass" style = "color:blue;" title = "Hypertext Markup Language" > HTML </ abbr >

ตัวอย่างนี้แสดงผลเป็นHTMLสีน้ำเงินโดยไม่ได้เป็นลิงก์ และในเบราว์เซอร์ส่วนใหญ่ เมื่อชี้เคอร์เซอร์ไปที่ตัวย่อ จะแสดงข้อความชื่อเรื่อง "Hypertext Markup Language " บนพื้นหลังสีเหลืองลอย ( tooltip )

< div style = " text - align: center;" >ข้อความจัดกึ่งกลาง</div>

ในตัวอย่างนี้ ข้อความของคุณจะมีลักษณะดังนี้:

องค์ประกอบส่วนใหญ่ยัง ใช้ คุณลักษณะที่เกี่ยวข้องกับภาษาlangด้วยdir

โดยทั่วไปแล้วองค์ประกอบ HTMLสามารถใช้แอตทริบิวต์มาตรฐานที่ใช้กันทั่วไปได้หลายอย่าง ( ดูรายการทั้งหมด ):

• แอตทริบิวต์ นี้ idให้ตัวระบุที่ไม่ซ้ำกันทั่วทั้งเอกสารสำหรับองค์ประกอบ^{[ 7 ] [ 8 ] [ 9 ]}สามารถใช้เป็นตัวเลือก CSSเพื่อกำหนดคุณสมบัติการนำเสนอ โดยเบราว์เซอร์เพื่อเน้นความสนใจไปที่องค์ประกอบเฉพาะ หรือโดยสคริปต์เพื่อเปลี่ยนแปลงเนื้อหาหรือการนำเสนอขององค์ประกอบ เมื่อต่อท้าย URL ของหน้า URL จะกำหนดเป้าหมายไปยังองค์ประกอบเฉพาะภายในเอกสารโดยตรง ซึ่งโดยทั่วไปจะเป็นส่วนย่อยของหน้า ตัวอย่างเช่น ID "Attributes" ในhttp://en.wikipedia.org/wiki/HTML#Attributes(เพื่ออ้างถึงส่วน "Attributes" ในหน้า "HTML")
• คุณลักษณะ นี้classช่วยให้สามารถจัดประเภทองค์ประกอบที่คล้ายคลึงกันได้ สามารถเพิ่มชื่อคลาสได้หลายชื่อโดยคั่นด้วยช่องว่าง^{[ 10 ] [ 11 ]} ตัวอย่างเช่น ในเชิงความหมาย คลาสจะถูกใช้ในไมโครฟอร์แมตนอกจากนี้ ผู้เขียนสไตล์ชีตยังสามารถสร้างตัวเลือกที่ตรงกับองค์ประกอบตามคลาสเพื่อวัตถุประสงค์ในการจัดสไตล์ได้ ตัวอย่างเช่น เอกสาร HTML อาจใช้การกำหนดclass="notation"เพื่อระบุว่าองค์ประกอบทั้งหมดที่มีค่าคลาสนี้อยู่ภายใต้ข้อความหลักของเอกสาร องค์ประกอบดังกล่าวอาจถูกรวบรวมไว้ด้วยกันเป็นเชิงอรรถในหน้า แทนที่จะปรากฏในตำแหน่งที่แนะนำโดยตำแหน่งภายในซอร์สโค้ด HTML ผู้เขียนสไตล์ชีตอาจกำหนดกฎด้วย.notationตัวเลือกและกำหนดคุณสมบัติfont-size: small;ได้ เช่นกัน
• แอตทริบิวต์ นี้styleช่วยให้สามารถใช้กฎสไตล์เฉพาะองค์ประกอบได้ สามารถเพิ่ม การประกาศสไตล์ ได้หลายรายการ โดยคั่นด้วยเครื่องหมายเซมิโคลอนและช่องว่าง (ถ้ามี) โดยแต่ละการประกาศจะประกอบด้วยชื่อคุณสมบัติ CSS และค่าที่คั่นด้วยเครื่องหมายโคลอนและช่องว่าง (ถ้ามีstyle="color: red; text-align: center;") (ตัวอย่าง: ) ^{[ 12 ] [ 13 ] [ 14 ]} แอตทริบิวต์ นี้styleสามารถใช้กับองค์ประกอบ HTML ใดก็ได้ (จะผ่านการตรวจสอบความถูกต้องกับองค์ประกอบ HTML ใดๆ ก็ได้ แต่ไม่จำเป็นต้องมีประโยชน์เสมอไป) ถือเป็นวิธีปฏิบัติที่ดีกว่าที่จะเพิ่มข้อมูลสไตล์ลงในสไตล์ชีตซึ่งมักทำได้โดยใช้ตัวเลือกที่ตรงกับคลาสหรือ ID ขององค์ประกอบ อย่างไรก็ตาม บางครั้งสไตล์แบบอินไลน์ก็เป็นที่นิยมมากกว่าเมื่อสไตล์ชีตดูยุ่งยากเกินไปสำหรับการกำหนดสไตล์ที่เรียบง่าย เฉพาะเจาะจง หรือตามอำเภอใจ
• แอตทริบิวต์นี้titleใช้สำหรับแนบคำอธิบายเพิ่มเติมลงในองค์ประกอบ ในเบราว์เซอร์ส่วนใหญ่ แอตทริบิวต์นี้จะแสดงเป็นสิ่งที่มักเรียกว่า " ทูลทิป "

โดยทั่วไปแล้ว แอตทริบิวต์ HTML จะถูกแบ่งออกเป็นแอตทริบิวต์ที่จำเป็นแอตทริบิวต์ที่ไม่จำเป็นแอตทริบิวต์มาตรฐานและแอตทริบิวต์เหตุการณ์ :

• โดยปกติแล้ว คุณสมบัติที่จำเป็นและไม่จำเป็นจะใช้ในการแก้ไของค์ประกอบ HTML เฉพาะบางอย่าง
• แม้ว่าแอตทริบิวต์มาตรฐานจะสามารถนำไปใช้กับองค์ประกอบ HTML ส่วนใหญ่ได้^{[ 15 ]}
• คุณลักษณะเหตุการณ์ที่เพิ่มเข้ามาใน HTML เวอร์ชัน 4 อนุญาตให้องค์ประกอบระบุสคริปต์ที่จะทำงานภายใต้สถานการณ์เฉพาะ^{[ 16 ]}

• <a>และ <area> :
  • พิกัด — พิกัดของ<พื้นที่>หรือ<ลิงก์>ภายในพื้นที่นั้น
  • รูปร่าง — รูปร่างของ<พื้นที่>หรือ<ลิงก์>ภายในพื้นที่นั้น ค่า: ค่าเริ่มต้น, สี่เหลี่ยม, วงกลม, รูปหลายเหลี่ยม
• <a>และ <link> :
  • hreflang — รหัสภาษาของเอกสารที่เชื่อมโยง ( <a> , <link> )
  • rel — ลักษณะของเอกสารที่เชื่อมโยง (สัมพันธ์กับหน้าเว็บที่แสดงอยู่ในปัจจุบัน) <a> สามารถใช้ข้อความอิสระได้ แต่<link>จะใช้ชุดคำที่กำหนดไว้ (alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection)
  • rev — ลักษณะของหน้าเว็บที่แสดงอยู่ในปัจจุบัน (สัมพันธ์กับเอกสารที่เชื่อมโยง) แตกต่างกันไปสำหรับ<a>และ<link>เช่นเดียวกับ rel
• <applet>และ <object> :
  • คลังเก็บข้อมูล — URL ของคลังเก็บข้อมูล ( <applet> , <object> )
  • โค้ดเบส — URL พื้นฐาน ( <applet> , <object> )
• <basefont>และ <font> :
  • สี — สีข้อความ(เลิกใช้แล้ว) ( <basefont> , <font> )
  • face — ตระกูลฟอนต์(เลิกใช้แล้ว) ( <basefont> , <font> )
• <col>และ <colgroup> :
  • span — จำนวนคอลัมน์ที่ครอบคลุม ( <col> , <colgroup> )
• <del>และ <ins> :
  • datetime — วันและเวลาของการลบหรือเพิ่มข้อความ
• <ฟอร์ม>และ <อินพุต> :
  • ยอมรับ — ประเภทของไฟล์ที่ยอมรับเมื่ออัปโหลด<form>หรือ<input>
• <frame>และ <iframe> :
  • frameborder — ค่า (0 หรือ 1) ระบุว่าจะแสดงเส้นขอบรอบ<frame>หรือ<iframe>หรือไม่
  • marginheight — ระยะขอบบนและล่างเป็นพิกเซลรอบๆ<frame>หรือ<iframe>
  • การเลื่อน — ค่า (ใช่, ไม่ใช่, อัตโนมัติ) ระบุว่าจะแสดงแถบเลื่อนรอบ<frame>หรือ<iframe> หรือ ไม่
  • marginwidth — ระยะขอบด้านซ้ายและขวาในหน่วยพิกเซลรอบ<frame>หรือ<iframe>
• <frameset>และ <textarea> :
  • cols — จำนวนคอลัมน์ที่มองเห็นได้ใน<frameset>หรือ<textarea> (อาจมีการเปลี่ยนแปลงบ้าง)
  • rows — จำนวนแถวที่มองเห็นได้ใน<frameset>หรือ<textarea> (อาจมีการเปลี่ยนแปลงได้)
• <img>และ <object> :
  • usemap — ระบุ ชื่อขององค์ประกอบแผนที่ที่จะใช้กับ<img>หรือ URL ของแผนที่รูปภาพที่จะใช้กับ<object>
• <input>และ <textarea> :
  • readonly — ระบุข้อความแบบอ่านอย่างเดียวสำหรับ<input>และ<textarea>
• <link>และ <style> :
  • สื่อ — ระบุอุปกรณ์แสดงผลสำหรับ<link>และ<style>ค่า: ทั้งหมด, เสียง, อักษรเบรลล์, อุปกรณ์พกพา, สิ่งพิมพ์, โปรเจ็กเตอร์, หน้าจอ, tty, ทีวี
• <optgroup>และ <option> :
  • label — ข้อความอธิบายสำหรับ<optgroup>หรือ<option>
• <td>และ <th> :
  • abbr — ตัวย่อของเซลล์ ตาราง หรือส่วนหัว
  • แกน — ชื่อหมวดหมู่สำหรับ เซลล์หรือส่วนหัวของตาราง
  • colspan — จำนวนคอลัมน์ที่ครอบคลุมโดยเซลล์หรือส่วนหัวของ ตาราง
  • nowrap — (เลิกใช้แล้ว) ป้องกันการ ตัด บรรทัดของ เซลล์ตารางหรือส่วนหัว
  • rowspan — จำนวนแถวที่ครอบคลุมโดยเซลล์หรือส่วนหัวของ ตาราง
  • ขอบเขต — ไม่มีผลต่อการแสดงผลปกติของเบราว์เซอร์ แต่จะทำเครื่องหมายเซลล์หรือส่วนหัวของ ตาราง ให้เป็นส่วนหัวเชิงตรรกะสำหรับเซลล์อื่นๆ ค่าที่ใช้ได้: col, colgroup, row, rowgroup

• จัดเรียง — <applet> , <col> , <colgroup> , <object> , <tbody> , <td> , <tfoot> , <th> , <thead>

• คำสั่ง align ยังถูกยกเลิกการใช้งานใน<caption> , <div> , <h1>ถึง<h6> , <hr> , <iframe> , <img> , <input> , <legend> , <p> , <table> ด้วย

• alt — <applet> , <area> , <img> , <input>
• bgcolor — <body> , <table> , <td> , <th> , <bgcolor>
• ขอบ — <img> , <object> , <table>
• char — <char> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• charoff — <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• ชุดอักขระ — <a> , <link> , <script>
• อ้างอิง — <blockquote> , <del> , <ins> , <q>
• ขนาดกะทัดรัด — <dir> , <menu> , <ol> , <ul>
• ปิดใช้งาน — <button> , <input> , <optgroup> , <option> , <select> , <textarea>
• ความสูง — <applet> , <iframe> , <img> , <object>นอกจากนี้ยังเลิกใช้แล้วใน<td> , <th>
• href — <a> , <area> , <base> , <link>
• hspace — <applet> , <object>นอกจากนี้ยังเลิกใช้แล้วใน<img>
• longdesc — <frame> , <iframe> , <img>
• ชื่อ — <a> , <applet> , <button> , <form> , <frame> , <iframe> , <input> , <map> , <meta> , <object> , <param> , <select> , <textarea>
• ขนาด — <basefont> , <font> , <hr> , <input> , <select>
• src — <frame> , <iframe> , <img> , <input> , <script>
• เป้าหมาย — <a> , <area> , <base> , <form> , <link>
• ประเภท — <button> , <input> , <li> , <link> , <object> , <ol> , <param> , <script> , <style> , <ul>
• valign — <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• ค่า — <button> , <input> , <li> , <option> , <param>
• vspace — <applet> , <img> , <object>
• ความกว้าง — <applet> , <col> , <colgroup> , <hr> , <iframe> , <img> , <object> , <pre> , <table> , <td> , <th>

คุณลักษณะมาตรฐานเรียกอีกอย่างว่าคุณลักษณะทั่วโลกและทำงานร่วมกับองค์ประกอบจำนวนมาก^{[ 17 ]}ซึ่งรวมถึงคุณลักษณะมาตรฐานพื้นฐาน ได้แก่accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, titleนอกจากนี้ยังมีคุณลักษณะทดลองบางส่วน ทั้งxml:langและxml:baseถูกยกเลิกแล้ว คุณลักษณะ aria-* หลายรายการ ช่วยปรับปรุงการเข้าถึง^{[ 17 ]} คุณลักษณะ ตัวจัดการเหตุการณ์จะแสดงในภายหลัง

ในทางเทคนิคแล้ว คุณสมบัติมาตรฐานทั้งหมดจะต้องได้รับการยอมรับจากองค์ประกอบทั้งหมด แม้ว่าจะไม่สามารถใช้งานร่วมกับองค์ประกอบบางอย่างได้ก็ตาม^{[ 18 ]}ตารางด้านล่างแสดงรายการคุณสมบัติมาตรฐานทั่วไปบางส่วน และองค์ประกอบบางส่วนที่สามารถใช้งานร่วมกับคุณสมบัติเหล่านั้นได้

องค์ประกอบ	รหัส	ระดับ	สไตล์	ชื่อ	ผู้กำกับ	lang	xml:lang	คีย์การเข้าถึง	ดัชนีแท็บ
<param>
<หัว>
<html>
<meta>
<ชื่อเรื่อง>
<สไตล์>
<แอปเพล็ต>
<br>
<เฟรม>
<เฟรมเซ็ต>
<iframe>
<basefont>
<ตรงกลาง>
<dir>
<font>
<เมนู>
<s>
<ขีดฆ่า>
<u>
<abbr>
<คำย่อ>
<ที่อยู่>
<b>
<ใหญ่>
<blockquote>
<body>
<คำบรรยายภาพ>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<div>
<dl>
<dt>
<em>
<fieldset>
<ฟอร์ม>
<hr>
<h1> , <h2> , <h3> , <h4> , <h5> , <h6>
<i>
<img>
<ins>
<kbd>
<li>
<ลิงก์>
<แผนที่>
<ไม่มีเฟรม>
<noscript>
<ol>
<optgroup>
<ตัวเลือก>
<p>
<pre>
<q>
<samp>
<เล็ก>
<span>
<strong>
<sub>
<sup>
<ตาราง>
<tbody>
<td>
<tfoot>
<th>
<หัวข้อ>
<tr>
<tt>
<ul>
<var>
<ป้ายกำกับ>
<คำอธิบายภาพ>
<วัตถุ>
<เลือก>
<a>
<พื้นที่>
<ปุ่ม>
<อินพุต>
<textarea>

คุณลักษณะมาตรฐานประกอบด้วยคุณลักษณะตัวจัดการเหตุการณ์ทั้งหมดมีคำนำหน้า on-: ^{[ 17 ]}

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

องค์ประกอบ	โหลด	โหลดไม่สำเร็จ	ออนบอร์ท	เมื่อคลิก	ดับเบิ้ลคลิก	เมื่อเมาส์กดลง	onmousemove	ออกจากเมาส์	เมื่อวางเมาส์เหนือ	เมื่อเมาส์ขึ้น	กดปุ่ม	เมื่อกดปุ่ม	ออนคีย์อัพ	ออนเบลอ	โฟกัส	การเปลี่ยนแปลง	onselect
<เฟรมเซ็ต>
<body>
<abbr>
<คำย่อ>
<ที่อยู่>
<b>
<ใหญ่>
<blockquote>
<คำบรรยายภาพ>
<ตรงกลาง>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<h1> , <h2> , <h3> , <h4> , <h5> , <h6>
<hr>
<i>
<ins>
<kbd>
<คำอธิบายภาพ>
<li>
<ลิงก์>
<แผนที่>
<เมนู>
<ไม่มีเฟรม>
<noscript>
<วัตถุ>
<ol>
<optgroup>
<ตัวเลือก>
<p>
<pre>
<q>
<s>
<samp>
<เล็ก>
<span>
<ขีดฆ่า>
<strong>
<sub>
<sup>
<ตาราง>
<tbody>
<td>
<tfoot>
<th>
<หัวข้อ>
<tr>
<tt>
<u>
<ul>
<var>
<img>
<a>
<พื้นที่>
<ปุ่ม>
<ฟอร์ม>
<ป้ายกำกับ>
<เลือก>
<อินพุต>
<textarea>