แอตทริบิวต์ใช้เพื่อตั้งค่าคุณสมบัติขององค์ประกอบ เช่น ความกว้างและความสูงของรูปภาพหรือผ้าใบ องค์ประกอบทั้งหมดสามารถมีคุณลักษณะและให้ข้อมูลเพิ่มเติม แอตทริบิวต์มีทั้งชื่อและค่า -
ตัวอย่างเช่น −
<canvas id=”newCanvas” width=”400” height=”300”>
ตัวอย่างอื่นๆ ได้แก่ −
<img alt=”alternate text”>
ไม่จำเป็นต้องใส่เครื่องหมายคำพูดรอบแอตทริบิวต์ ตามมาตรฐาน HTML5 แต่ควรใส่เครื่องหมายคำพูดด้วยเสมอ
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ใน HTML -
HTML แอตทริบิวต์เริ่มต้น
แอตทริบิวต์เริ่มต้นขององค์ประกอบ
- ใช้เพื่อตั้งค่าเริ่มต้นของรายการแรก
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
<ol start="num">
ด้านบน num คือตัวเลขที่ตั้งไว้สำหรับค่าเริ่มต้นของรายการแรก
ตัวอย่าง
ให้เราดูตัวอย่างการใช้แอตทริบิวต์เริ่มต้นขององค์ประกอบ
- -
<!DOCTYPE html> <html> <body> <h1>Last Semester MCA Result</h1> <h2>Rank from 1-5</h2> <ol> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li> </ol> <h2>Rank from 5-10</h2> <ol start="5"> <li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> </ol> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
HTML
แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
<textarea autofocus>
ตัวอย่าง
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
<!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p> <textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -