Web速查-索引

定义

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

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

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

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

@网页常用布局

网页常用布局

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web(Html5+Css3)</title>
</head>
<body>
<main>
<h1>《零基础入门学习Web开发》系列大课</h1>
<p>鱼C-Web前端系列课程是多套教程的总称,包括:HTML5、CSS3、JavaScipt、EcmaScipt、PHP、数据库、框架、移动端混合开发。</p>
<article>
<h1>《零基础入门学习Web开发》(HTML5 & CSS3)</h1>
<p>鱼C-Web前端系列课程的入门篇,基于 W3C 最新标准的 HTML5 和 CSS3 打造的教程。</p>
</article>
<article>
<h1>《零基础入门学习Web开发》(JavaScript)</h1>
<p>鱼C-Web前端系列课程的入门篇,基于 JavaScript 语言打造的教程。</p>
</article>
<article>
<h1>《零基础入门学习Web开发》(PHP)</h1>
<p>鱼C-Web前端系列课程的入门篇,基于 PHP 语言打造的教程。</p>
</article>
</main>
</body>
</html>

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

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

《零基础入门学习Web开发》(HTML5 & CSS3)

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

《零基础入门学习Web开发》(JavaScript)

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

《零基础入门学习Web开发》(PHP)

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

视频讲解