HTML5裡面class屬性是什麼

青灯夜游原創: 2021-02-26 16:11:057795瀏覽

在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中文網其他相關文章！

JavaScript html5 css html class dom 选择器样式表

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：herf在html怎麼跳轉下一篇：herf在html怎麼跳轉

看更多