Web速查-索引

main

定义

<main> 标签用于定义文档<body>或应用的主体部分。

主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

这部分内容在文档中应当是独一无二的，不包含任何在一系列文档中重复的内容，比如侧边栏(aside)，导航栏链接(nav)，版权信息(footer)，网站logo(header)，搜索框（除非搜索框作为文档的主要功能）。

在经典的页面布局中，页面被分为 header、main、aside、footer 四个部分：

@网页常用布局

网页常用布局

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>

</head>

<body>

    <main>

        <h1>《零基础入门学习Web开发》系列大课</h1>

        <p>NTHOME-Web前端系列课程是多套教程的总称，包括：HTML5、CSS3、JavaScipt、EcmaScipt、PHP、数据库、框架、移动端混合开发。</p>



        <article>

            <h1>《零基础入门学习Web开发》（HTML5 & CSS3）</h1>

            <p>NTHOME-Web前端系列课程的入门篇，基于 W3C 最新标准的 HTML5 和 CSS3 打造的教程。</p>

        </article>



        <article>

            <h1>《零基础入门学习Web开发》（JavaScript）</h1>

            <p>NTHOME-Web前端系列课程的入门篇，基于 JavaScript 语言打造的教程。</p>

        </article>



        <article>

            <h1>《零基础入门学习Web开发》（PHP）</h1>

            <p>NTHOME-Web前端系列课程的入门篇，基于 PHP 语言打造的教程。</p>

        </article>

    </main>

</body>

</html>

《零基础入门学习Web开发》系列大课

NTHOME-Web前端系列课程是多套教程的总称，包括：HTML5、CSS3、JavaScipt、EcmaScipt、PHP、数据库、框架、移动端混合开发。

《零基础入门学习Web开发》（HTML5 & CSS3）

NTHOME-Web前端系列课程的入门篇，基于 W3C 最新标准的 HTML5 和 CSS3 打造的教程。

《零基础入门学习Web开发》（JavaScript）

NTHOME-Web前端系列课程的入门篇，基于 JavaScript 语言打造的教程。

《零基础入门学习Web开发》（PHP）

NTHOME-Web前端系列课程的入门篇，基于 PHP 语言打造的教程。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
5.0 6.0 4.0 12.0