HTML5裡面class屬性是什麼

青灯夜游
發布: 2023-02-17 16:56:29
原創
7751 人瀏覽過

在HTML5中,class屬性可以定義元素的類別名,常用於指向樣式表的類別(class選擇器),也可用於JavaScript中, 將修改HTML元素的類別名,修改樣式;語法格式“<element class="classname">”。 <element class="classname">

HTML5裡面class屬性是什麼

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML5 class 屬性

class 屬性定義了元素的類別名稱。

class 屬性通常用來指向樣式表的類別(即CSS .class 選擇器)。但是,它也可以用於 JavaScript 中(透過 HTML DOM), 來修改 HTML 元素的類別名稱。

語法

<element class="classname">
登入後複製

classname:規定元素的類別的名稱。如需為一個元素規定多個類,用空格分隔類名。 . HTML 元素允許使用多個類別。

名稱規則:

  • 必須以字母A-Z 或a-z 開頭

  • 可以是以下字元:(A-Za- z), 數字(0-9), 橫桿("-"), 和底線("_")

  • 在HTML 中, 類別名稱是區分大小寫的

範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
.center
{
	text-align:center;
}
</style>
</head>

<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p> 
</body>
</html>
登入後複製

效果圖:

HTML5裡面class屬性是什麼

【推薦教學:《html影片教學》】

以上是HTML5裡面class屬性是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板