1 谈谈section标签

section 字面上理解为“块”，“部分”，section元素代表一个页面或一个内容块的部分，一般作为主题块列表，在html5网页中表现的意思跟字面理解差不多，即部分，块，模块，主要作用为对页面的内容进行分块或者对文章的内容进行分段。
section标签是成对出现的,以<section>开始,以</section>结束section标签通常带有一个标题和一个内容块。

一、section标签实例

<!doctype html>
<article><h1>Web编程语言比较</h1><p>web编程语言常用的有asp,asp.net,php,jsp...</p><section><h2>asp</h2><p>asp全称Active Server Page</p></section><section><h2>php</h2><p>草根动态语言，免费，强大</p></section>
</article>

二、article与section的异同

section和article可以互相嵌套，也就是说他们没有上下级关系，section可以包含article，article也可以包含section。
感觉上使用都差不多，都可以有h1,h2,h3,都有一个主体，那应该怎么来区分它们的不同？其实很简单，只要从字面上理解它们就可以足够了：
1、article是文章，文章就是一段完整的独立的内容。
2、section就是块，某种意义上可以理解为div，但是比div的意思更加明确一点。

三、section和div的异同

1、section和div都可以对内容进行分块，但是section是进行有意义的分块，无意义的分块应该由div来做，例如用作设置样式的页面容器。
2、section内部必须有标题，标题也代表了section的意义所在。

四、使用<section>标签需要注意的地方

1、不要将<section>作为用来设置样式或行为的“钩子”容器，那是<div>的工作。
2、如果<article>、<aside>或<nav>更符合状况，不要使用<section>。
3、不要为没有标题的内容区块使用<section>。

本文摘自：http://www.studyofnet.com/news/331.html

转载于:https://www.cnblogs.com/lijy/p/6862888.html

1 谈谈section标签相关推荐

html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签我的第一部分有一个容器div, ...
html section 布局,HTML：section标签
标签定义了文档的某个区域.比如章节.头部.底部或者文档的其他区域. 标签是 HTML5 中的新标签. 注意:section不是通用容器元素.如果仅仅是用于设置样式或脚本处理,应用div元素.一条简单的 ...
html div 知识点,HTML知识点总结之div、section标签
div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span.p或者ul等元素完成. se ...
HTML section 标签
实例文档中的区段,解释了 PRC: <section><h1>PRC</h1><p>The People's Republic of China wa ...
html页面中漂浮物怎么实现,html的section标签是什么怎么用了
cross-section是什么意思 cross-section的意思:横断面,剖面(图);(原子)核(被撞)截面. cross-section 英 [ˈkrɒs sekʃn] 美 [ˈkrɔːs s ...
什么是section标签
<section></section>标签就是文章中的区,段. 比如章节.页眉.页脚或文档中的其他部分.
html5中还有div吗,关于html5中的section标签与div标签的区别（内有实例）
摘要腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
HTML知识点总结之div、section标签
本文转载于:猿2048网站HTML知识点总结之div.section标签 div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通 ...
零基础学习HTML(23)——section标签、article标签、details标签、summary标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php 官方资料鱼C课程案例库:https://ilovefishc.com/html5/ html5 ...

1 谈谈section标签

1 谈谈section标签相关推荐

最新文章

热门文章