HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML class屬性

全局屬性 class 的值是一個(gè)以空格分隔的元素的類名（classes ）列表，它允許 CSS 和 Javascript 通過類選擇器 (class selectors) 或DOM方法( document.getElementsByClassName)來選擇和訪問特定的元素。

HTML 全局屬性

在線示例

在 HTML 文檔中使用 class 屬性：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
h1.intro {
    color: blue;
}
p.important {
    color: green;
}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>
</body>
</html>

測(cè)試看看 ?/?

盡管對(duì)class 的命名沒有要求，但 web 開發(fā)者最好使用可以表達(dá)元素語義目的的名稱，而不是描述元素展現(xiàn)的名稱（即使一個(gè)元素是斜體，但是 class 的命名也不應(yīng)該是 italics）。語義化命名即使在頁面展現(xiàn)發(fā)生改變時(shí)仍能合乎邏輯。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 class 屬性

定義和用法

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

class屬性為一個(gè)元素指定一個(gè)或多個(gè)類名。

class屬性通常用于指向樣式表中的類。但是，JavaScript也可以使用它（通過HTML DOM）對(duì)具有指定類的HTML元素進(jìn)行更改。

HTML 4.01 與 HTML5之間的差異

在 HTML5 中, class 屬性可用于任何的 HTML 元素 (它會(huì) 驗(yàn)證任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, class 屬性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

語法

<element>

屬性值

值	描述
classname	規(guī)定元素的類的名稱。如需為一個(gè)元素規(guī)定多個(gè)類，用空格分隔類名。 <span>. HTML 元素允許使用多個(gè)類。名稱規(guī)則：必須以字母 A-Z 或 a-z 開頭可以是以下字符： (A-Za-z), 數(shù)字 (0-9), 橫桿 ("-"), 和下劃線 ("_") 在 HTML 中, 類名是區(qū)分大小寫的