HTML 标签

HTML5 <main> 标签

主题:HTML5 标签参考上一页|下一页

说明

<main> 元素表示文档 <body> 的主要或主要内容。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: 块、内联和文本
开始/结束标签: 开始标签: required, 结束标签:required
版本: New in HTML5

语法

<main> 标签的基本语法如下:

HTML / XHTML: <main> ... </main>

下面的示例显示了 <main> 标签的作用。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <title>HTML main Tag</title>
</head>
<body>
    <header>
        <h1>Welcome to our website</h1>
    </header>

    <main>
        <h1>Core Web Technologies</h1>
        <p>HTML and CSS are two of the core technologies for building web pages.</p>
        <article>
            <h2>What is HTML?</h2>
            <p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages.</p>
        </article>
        <article>
            <h2>What is CSS?</h2>
            <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for HTML elements such as colors, backgrounds, fonts etc.</p>
        </article>
    </main>

    <footer>
        <p>copyright &copy; qyoo.cn</p>
    </footer>
</body>
</html>

提示: <main> 元素的内容对于文档应该是唯一的。 不应包含在文档中重复的内容,例如侧边栏、导航链接、版权信息、站点徽标和搜索表单(除非它是页面的主要功能)。

注意:一个文档不能有多个 <main> 元素。 此外,<main> 元素不能是 <article>, <aside>, <footer>, <header> or <nav> 元素的后代。


标签特定属性

The <main> 标签没有任何特定属性。


全局属性

与所有其他 HTML 标签一样, <main> 标签支持 HTML5 中的全局属性


事件属性

<main> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <main> 标签。

Browsers Icon

基本支持—

  • Firefox 21+
  • Google Chrome 26+
  • Edge 12+
  • Apple Safari 7+
  • Opera 16+

进一步阅读

请参阅以下教程: HTML 布局.

相关标签: <article>, <aside>, <footer>, <header>, <nav>.

Advertisements