Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

What is the function of main tag

云罗郡主
Release： 2019-02-01 17:22:54
Original
7005 people have browsed it

What is the function of main tag

What is the function of the main tag?

The main tag specifies the main content of the document. The main purpose of main is to map ARIA's landmark role main to elements in HTML. This can help screen reading devices and assistive devices know where the main content of the page comes from. Where did it begin. [Recommended tutorial: HTMLTutorial]

Note: The content in the

element should be unique to the document. It should not contain content that appears repeatedly throughout the document, such as sidebars, navigation bars, copyright information, site logos, or search forms.

Note: More than one

element cannot appear in a document. The
element cannot be a descendant of
,

html main tag example

<!DOCTYPE html>
<html>
<body>
<main>
<h1>Web Browsers</h1>
<p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
</main>
</body>
</html>
Copy after login


The above is the detailed content of What is the function of main tag. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
main tag
source：php.cn
Previous article：What element is the li tag? Next article：How to use colspan attribute
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
Latest Articles by Author
Latest Issues
SQL Count() also requires 0 I have only one table and I want to count each entry of a tag that starts with 0. Now I tr...
From 2024-04-06 19:48:53
0
1
449
Why is my hr tag translucent when it is set to a solid color of white? I have a html (with bootstrap) and a css, in my html I have a <hr> tag which has a c...
From 2024-04-06 16:13:26
0
1
500
JavaScript hover events on vendor-specific pseudo-elements I have the following htmlinput tag. $("input[type='range']::-webkit-slider-thumb"...
From 2024-04-06 15:35:24
0
1
274
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Parent's padding ignored by sticky positioned child How to prevent sticky elements from going behind the header? The current code snippet uses...
From 2024-04-06 11:42:51
0
1
338
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template