Home > Web Front-end > Front-end Q&A > What does class mean in html?

What does class mean in html?

醉折花枝作酒筹
Release: 2021-06-07 17:05:11
Original
13284 people have browsed it

In HTML, class specifies the class name of the element, and the syntax format is "". The class attribute is most often used to point to a class in a style sheet. However, you can also use it to change HTML elements with specified classes through JavaScript.

What does class mean in html?

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

The class attribute specifies the class name (classname) of the element.

The class attribute is most often used to point to a class in a style sheet. However, it can also be used to change HTML elements with a specified class through JavaScript.

Tips and Notes

Note: The class attribute cannot be used in the following HTML elements: base, head, html, meta, param, script, style and title.

Tip: You can assign multiple classes to HTML elements, for example: . This allows you to combine several CSS classes into one HTML element.

Tip: The class name cannot start with a number! Only Internet Explorer supports this practice.

Grammar

<element class="value">
Copy after login

Example:

<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>
Copy after login

Effect:

What does class mean in html?

##Extended information:

id attribute

The id attribute specifies the unique id of the HTML element.

id must be unique within the HTML document.

The id attribute can be used as a link anchor to change or add styles to an element with a specified id via JavaScript (HTML DOM) or via CSS.

Differences between HTML 4.01 and HTML5

In HTML5, the id attribute can be used on any HTML element (it will validate any HTML element. But it is not necessarily useful).

In HTML 4.01, the id attribute cannot be used for: , , , , , <script>, <style&gt ;, and <title>. <p>Note: HTML 4.01 has strict restrictions on id values ​​(for example: in HTML 4.01 id values ​​cannot start with a number). <p><p><img src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png" title="1623056559819920.png" alt="What does class mean in html?"/>Recommended learning: <p>html video tutorial<a href="//m.sbmmt.com/course/list/11.html" target="_blank"></script>

The above is the detailed content of What does class mean in html?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template