section与div

简介: section与div

section和div

一、DIV

div即division(区块),把文档分割为独立的、不同的部份。作用,以下三种情况应该用div标签:

  1.用于页面布局,且不是 header、footer 之类的专属区域。

  2.单纯的对一个段内容进行 CSS 样式定义。

  3.对一段内容进行 JS 控制。。

SECTION

1.section在html5中并不是用来取代 div 的。它是具有语义的文档标签。表示一段文档中的章节,比如包含一个标题和一个段落,而大纲规范中,至少要包含一个标题。

2.section 至少需要一个 h1 ~ h6。

3.代码示例

<section>
    <h2>Bootstrap</h2>
    <p>Bootstrap 是一款 html5 开源框架</p>
   </section>

4.注意

body、section需要标题;

header、nav不需要。

相关文章
|
机器学习/深度学习 人工智能 BI
B. Swaps<743,div2>
B. Swaps<743,div2>
79 0
|
容器
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
357 0
|
3月前
|
容器
section元素
【9月更文挑战第1天】section元素。
26 5
|
4月前
|
移动开发 搜索推荐 开发者
HTML5结构元素深解语义化 div、section、article
HTML5结构元素深解语义化 div、section、article
|
7月前
|
前端开发
css教程-li的list-style-type属性
通过设置 `list-style-type`属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。 买CN2云服务器,免备案服务器,高防服务器,就选蓝易云。百度搜索:蓝易云
72 4
【已解决】Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
500 0
【已解决】Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
|
7月前
|
移动开发 定位技术 HTML5
HTML5 - section、article和div
HTML5 - section、article和div
95 0
|
机器学习/深度学习 人工智能
B2. Wonderful Coloring - 2<734.div3>
B2. Wonderful Coloring - 2<734.div3>
62 1
Mikasa #735-div2
题意:找到n ^ 1 … n ^ m中最小为出现的非负整数
99 0
Mikasa #735-div2