section标签

定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

div\section\article标签

div充当容器的角色,用来设置某一块的总体属性(一个div里面可能包含多个section);
section用于强调某一个模块,强调模块本身是作为一个整体的; article用于强调某一段独立的内容,强调内容的独立性

article与section的异同

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。

section标签及辨析div\section\article异同相关推荐

  1. html语言 section type,HTML5中div、article、section的区别及使用介绍

    最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头 ...

  2. html中section与div,如何在html中的section标签内包含div标签

    我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签 我的第一部分有一个容器div, ...

  3. html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签,article标签

    1.html5结构标签 <!DOCTYPE html><html> <head> <meta charset="utf-8"/> & ...

  4. div section和article区别

    在Html5中,加入了很多用于"布局"的标签,他们有<header>.<nav>.<section>.<article>.<a ...

  5. HTML中的div,section,acticle三个标签的区别

    一开始,我对这三个标签也是比较困惑,总感觉这三个标签用起来差不多.查了资料之后才觉得这三个标签原来各有作用. 1.div元素: 它本身无任何语义,用作布局以及样式化标签,可定义文档中的分区或节,相当于 ...

  6. html div 知识点,HTML知识点总结之div、section标签

    div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span.p或者ul等元素完成. se ...

  7. html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)

    摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...

  8. web前端:main、header、footer、nav、article、section标签的用法

    HTML5 添加了诸如main.header.footer.nav.article.section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性. 默认情况下,浏览器呈现这些新标签的方式与 ...

  9. HTML知识点总结之div、section标签

    本文转载于:猿2048网站HTML知识点总结之div.section标签 div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通 ...

最新文章

  1. CentOS安装中文输入法
  2. 接口设计文档_app端接口用例设计方法和测试方法(一)
  3. C++知识点7——函数传参
  4. php 获取js变量
  5. JCO与bapi的联合使用
  6. python画太极八卦图_AI剪刀工具快速绘制太极八卦图
  7. VWware安装ubuntu设置静态IP
  8. Strategy 策略模式
  9. whereis 命令(转)
  10. 流行的 NPM 包依赖关系中存在远程代码执行缺陷
  11. c++中的构造函数和析构函数
  12. 视频教程-教你编写人工智能程序教程(自学必看)-Python
  13. 74HC20中WR讲解
  14. win10相机计算机无法使用,win10系统相机怎么用 win10系统相机无法使用怎么解决...
  15. 全栈很屌?什么是全栈工程师
  16. MacBook Pro 安装软件navicat15 , mac10.15安装navcat15
  17. push ebp到底是什么意思
  18. 谷歌浏览器安装vue-devtools
  19. Django教程 —— Django入门
  20. 【stm32f103中断编程步骤】

热门文章

  1. 用python计算绩点的代码_计算学生的平均绩点GPA的python代码
  2. ABAQUS壳单元加钢筋层,分析报错“The rebar name is required in a particular element or element set”
  3. java编辑器的使用_java代码编辑器的使用方法
  4. 终于禁止了HP本本的触摸板
  5. java的socket通信安全_JAVA-Socket通信笔记
  6. XlsOrXlsxUtil
  7. 人工智能数学基础-线性代数2:向量的点积、內积、数量积和外积
  8. kali 安装vscode
  9. java rrdtool_rrdtool
  10. 创建Scanner对象