您的位置:首页> 前端教程> HTML教程
文章导航

HTML <main> 标签

2019-7-30 23:17| 作者: admin| 查看: 2739| 评论: 0|来自: 蚂蚁部落

<section>是HTML5新增的语义化标签之一。

关于语义化标签的概念与作用可以参阅HTML 语义化布局概述一章节。

一.<main>标签作用:

<main>标签用于创建页面中主要内容。

此标签中的内容在原则上不能是网站页面中重复出现的内容,比如不能是导航栏或站点版权信息等。

通过如下简单的布局结构对其进行分析:

a:3:{s:3:\"pic\";s:43:\"portal/201907/30/231802wgaqphctt1i1fjxt.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

布局简单分析如下:

(1).下部左侧是页面的主体部分,通常用<div>创建,用于显示页面的主要内容。

(2).对其命名,HTML5之前的做法是id="main"。

现在我们可以使用<main>标签来替代<div>元素,主要优点如下:

(1).语义明确,便于搜索引擎和一些特殊设备识别。

(2).减少了id="main"类似属性的应用,在一定程度上做到了减负。

二.代码片段:

[HTML] 纯文本查看 复制代码
<body>
  <herder>
    <nav></nav>
  </herder>
  <div id="content">
    <main></main>
    <aside></aside>
  </div>
  <footer></footer>
</body>

上述代码对<main>做了一个结构演示,非常的简单,无非是作为页面的主要内容的容器。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部