标签的用法

由于昨晚发了一篇文章

http://www.zcool.com.cn/article/ZMzA3MzI=.html

，有一个网友评论问的用法。所以现在举例来说明一下：

html5引入了标签，用于描述文档的结构，它同

标签的意思一样。但是在特定环境中，两者又有明显的区别。

w3对的定义是：定义一个文档的章节(可以拥有自己的和)。

w3对

的定义是: 定义一个文档的章节。(但似乎更适合用于外层的布局，缺少语义性。)

比如看一个案例：

在这里，我用来定义id为content的div里面的两个章节/区域。当然此处你也可以直接把div用section代替，或者把里面的改成

,因为此处还不能明显的区分两者的区别:

或者：

我们继续举例分析另外一个更明显的区分和

的案例：

member1
member2
member3

member1

一个描述的段落

另一个描述的段落

这里的描述段落在语义上于外层的段落不是兄弟级别。

又是另外一个段落描述，于最上面的两个段落属于兄弟级。

member2

一个描述的段落

另一个描述的段落

这个有分节的小标题，这里是这个分节的小标题

这里的描述段落在语义上于外层的段落不是兄弟级别。

又是另外一个段落描述，于最上面的两个段落属于兄弟级。

member3

一个描述的段落

另一个描述的段落

这里是这个分节的小标题

这里的描述段落在语义上于外层的段落不是兄弟级别。

这里的内容对于这个是一个脚部，它区别于上面的描述段落。

又是另外一个段落描述，于最上面的两个段落属于兄弟级。

在这个案例当中，我们用

标签来布局整个最外层的章，而用用来定义内部的章节。当然如果把整个文档都看作是一个章节，那么也可以用来代替

，但是建议不要使用来代替该用

布局的地方，那些地方不能体现出的语义性。

在上面的

中，有一个导航，用元素，

除了之外，就是属于这个

的区域内的具体的章节，我们就用来定义，你可以看到，用来定义一个章节，而这个章节的内部又都是一个，它是关于一个member的具体的文章。而在这个的内部，可能我们会发现，有时候这个文章的结构又会有嵌套的关系，那么这个被嵌套的区域我们就可以用来表示这整个文章内的又一个分节。显然，在这里用

标签的话，语义上来说就很不适合了。

(责任编辑：大宝库)

html section 布局,section标签的用法相关推荐

html5 section标签,html5 section标签是什么意思？html5 section标签的用法总结
本篇文章主要的介绍了关于HTML5 section标签的定义以及它的用法,最后还有一个案例总结,现在让我们开始阅读这篇文章吧先来解释下html5 section标签的意思: html5 sectio ...
web前端：main、header、footer、nav、article、section标签的用法
HTML5 添加了诸如main.header.footer.nav.article.section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性. 默认情况下,浏览器呈现这些新标签的方式与 ...
云炬Android开发笔记 11主界面-商品分类开发（多布局Section RecyclerView）
阅读目录 1. 分类页面结构解析和开发 1.1 布局的创建 1.2 布局的逻辑组合 2. 分类左侧列表数据解析与UI呈现 2.1 数据的转换 2.2[完善list列表逻辑] 3.多布局Section列 ...
html5才有的标签是什么意思,html5header标签是什么意思？html5header标签的用法详解（附实例）-...
本篇文章主要的向大家介绍了关于html5 header标签的元素的基本介绍,和header标签的用法实例解析.下面就让我们一起来看看这篇关于html5 header标签的文章吧一.首先我们来说说ht ...
html5 基本布局+新标签+新选择器 + 线性渐变
html5 基本布局+新标签 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
HTML5新增标签及用法总结
<canvas>:该标签用于定义图形,比如图表和其他图像,该标签基于js的绘图api <audio>:该标签定义音频内容用法:<audio controls=" ...
html中iframe标签的用法详解
<iframe>是什么?html中iframe标签的用法详解 原创  2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...
iframe是什么？html中iframe标签的用法详解
经常进行页面布局的人对于HTML中的iframe标签一定不陌生,iframe标签是一个内联框架,说白了就是用来在当前 HTML 页面中嵌入另一个文档的.刚刚接触前端的小伙伴可能不知道html中ifra ...
html中ul和li标签的用法介绍
普通的显示数据的时候,ul就是项目列表,li就是列表项,可以用来显示数据,如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度.行间距.背景边框需要配合CSS一起设置 ...

html section 布局,section标签的用法

member1

member2

这个有分节的小标题，这里是这个分节的小标题

member3

这里是这个分节的小标题

html section 布局,section标签的用法相关推荐

最新文章

热门文章