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

What does class mean in html?

醉折花枝作酒筹Original: 2021-06-07 17:05:1113396browse

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.

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">

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>

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="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png?x-oss-process=image/resize,p_40" class="lazy" title="1623056559819920.png" alt="What does class mean in html?"/>Recommended learning: <p>html video tutorial<a href="https://www.php.cn/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!

JavaScript html5 css css3 html class dom 样式表

Statement：

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

Previous article：What is html formatNext article：What is html format

See more

What does class mean in html?

Related articles