HTML id Attribute

ตัวอย่าง

ใช้ id แอตทริบิวต์ที่จะจัดการกับข้อความที่มี javascript:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>

ลองตัวเอง»

เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

id แอตทริบิวต์ระบุที่ไม่ซ้ำกัน id สำหรับองค์ประกอบ HTML (ค่าต้องไม่ซ้ำกันภายในเอกสาร HTML)

id แอตทริบิวต์ถูกนำมาใช้มากที่สุดที่จะชี้ไปที่รูปแบบในสไตล์ชีและ JavaScript โดย (ผ่าน DOM HTML) เพื่อจัดการกับองค์ประกอบที่มีเฉพาะ id

สนับสนุนเบราว์เซอร์

คุณลักษณะ
id	ใช่	ใช่	ใช่	ใช่	ใช่

ความแตกต่างระหว่าง HTML 4.01 และ HTML5

ใน HTML5 ที่ id แอตทริบิวต์ที่สามารถใช้กับองค์ประกอบ HTMLใด ๆ (มันจะตรวจสอบในองค์ประกอบ HTML ใด ๆ . แต่ก็ไม่จำเป็นต้องมีประโยชน์)

ใน HTML 4.01 ที่ id แอตทริบิวต์ไม่สามารถใช้กับ: <base>, <head>, <html>, <meta>, <param>, <script>, <style> และ <title>

หมายเหตุ: HTML 4.01 มีข้อ จำกัด มากขึ้นอยู่กับเนื้อหาของ id ค่า (เช่น; ใน HTML 4.01 id ค่าไม่สามารถเริ่มต้นด้วยตัวเลข)

วากยสัมพันธ์

<elementid="id">

ค่าแอตทริบิวต์

ความคุ้มค่า	ลักษณะ
id	ระบุที่ไม่ซ้ำกัน id สำหรับองค์ประกอบ กฎการตั้งชื่อ: จะต้องมีอย่างน้อยหนึ่งตัว ไม่ต้องมีตัวอักษรพื้นที่ใด ใน HTML, ค่าทั้งหมดเป็นกรณีตาย

ตัวอย่างเพิ่มเติม

ตัวอย่างที่ 1

ใช้ id แอตทริบิวต์ที่จะเชื่อมโยงไปยังองค์ประกอบที่มีระบุ id ภายในหน้า:

<html>
<body>

<h2><a id="top">Some heading</a></h2>

<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>

<a href="#top">Go to top</a>

</body>
</html>

ลองตัวเอง»

ตัวอย่างที่ 2

ใช้ id แอตทริบิวต์ข้อความสไตล์ด้วย CSS:

<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">w3ii is the best!</h1>

</body>
</html>

ลองตัวเอง»