首頁 > web前端 > 前端問答 > html中class是什麼意思

html中class是什麼意思

醉折花枝作酒筹
發布: 2021-06-07 17:05:11
原創
13295 人瀏覽過

在html中,class規定元素的類別名,語法格式為「」。 class屬性大多時候用來指向樣式表中的類別(class)。不過,也可以利用它透過JavaScript來改變帶有指定class的HTML元素。

html中class是什麼意思

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

class 屬性規定元素的類別名稱(classname)。

class 屬性大多時候用來指向樣式表中的類別(class)。不過,也可以利用它透過 JavaScript 來改變帶有指定 class 的 HTML 元素。

提示與註解

註解:class 屬性不能在下列 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。

提示:可以賦予 HTML 元素多個 class,例如:。這麼做可以把若干個 CSS 類別合併到一個 HTML 元素。

提示:類別名稱不能以數字開頭!只有 Internet Explorer 支援這種做法。

語法

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

實例:

<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:red;}
</style>
</head>

<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">请注意这个重要的段落。:)</p>
</body>

</html>
登入後複製

效果:

html中class是什麼意思

##擴充資料:

id屬性

id ​​屬性規定HTML 元素的唯一的id。

id ​​在 HTML 文件中必須是唯一的。

id ​​屬性可用作連結錨(link anchor),透過 JavaScript(HTML DOM)或透過 CSS 為帶有指定 id 的元素改變或新增樣式。

HTML 4.01 與 HTML5之間的差異

在 HTML5 中, id 屬性可用於任何的 HTML 元素 (它會驗證任何HTML元素。但不一定有用)。

在HTML 4.01 中, id 屬性不能用於: , , , , , <script>, <meta>, <param>, <script>, <meta>, <param>, <script>, <style> ;, 和<title>。 <p>注意: HTML 4.01 對於 id 的值有嚴格的限制 (例如:在 HTML 4.01 id 值不能以數字開頭)。 <p><p><img src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png" title="1623056559819920.png" alt="html中class是什麼意思"/>推薦學習:<p>html影片教學<a href="https://www.php.cn/course/list/11.html" target="_blank"></script>

以上是html中class是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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