html中class是什麼意思-前端問答-PHP中文網

Header 1

首頁

web前端

前端問答

html中class是什麼意思

醉折花枝作酒筹

Jun 07, 2021 pm 05:05 PM

class html

在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 id="Header-nbsp">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="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png" class="lazy" title="1623056559819920.png" alt="html中class是什麼意思"/>推薦學習：<p>html影片教學<a href="https://www.php.cn/course/list/11.html" target="_blank"></script>

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

本網站聲明

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