在HTML中我們經常會使用到id和class屬性，它們之間的作用相似，那麼它們之間有什麼區別？下面本篇文章就來簡單比較一下HTML中id和class屬性，介紹HTML中id和class屬性之間的差別，希望對大家有幫助。 【影片教學推薦：HTML教學】
#HTML id屬性
基本語法：
<element id =“id_name”>
CSS樣式表中：
#id_name {
// CSS属性
}範例：輸出：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> HTML id 属性 </title>
<style>
#demo{
color:red;
font-size:25px;
}
</style>
</head>
<body style="text-align:center">
<h1>Hello World!</h1>
<p id="demo">欢迎来到PHP中文网！</p>
<p >php从入门到精通，一站式php自学平台！</p>
</body>
</html>登入後複製
#HTML class屬性
######### ##class屬性用於為HTML元素指定一個或多個類別名稱；class屬性可用於任何HTML元素。 CSS和JavaScript可以使用類別名稱來為具有指定類別名稱的元素執行某些任務。 CSS樣式表中的類別名稱使用“.”符號。 #########基本語法：#########HTML中：###
<element class=“class_name”>
.class_name {
// CSS属性
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> HTML class 属性 </title>
<style>
.demo{
color:red;
font-size:25px;
}
</style>
</head>
<body style="text-align:center">
<p class="demo">Hello World!</p>
<p class="demo">欢迎来到PHP中文网！</p>
</body>
</html>以上是HTML中id和class屬性的差別是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
