标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

标签是 HTML5 中的新标签。

注意:section不是通用容器元素。如果仅仅是用于设置样式或脚本处理,应用div元素。一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。

html5:section标签和div标签的区别:

section不是一个专用来做容器的标签,专用的是div。

section里应该有标题(h1~6),但文章中推荐用article来代替。

WWF's Panda symbol

The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.

至于为什么要用,是为了语义化,有section、article、dl看这多舒服,人也好理解,计算机也好理解,比满眼的div好多了。

html5中的section标签与div标签的总结

DIV:这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义,用作布局以及样式化标签。

Section:与div相似,但它有更进一步的语义。section用作一段有专题性的内容,一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

html section 布局,HTML:section标签相关推荐

  1. 关于keil软件error:L6236E:NO section matches selector-no section to be FIRST/LAST的报错解决方法

    最近在学习汇编的过程中网上论坛看一些大佬的程序,照着写完之后编译出现error:L6236E:NO section matches selector-no section to be FIRST/LA ...

  2. 布局与控件(五)-Toast吐司与布局的抽象标签merge include ViewStub

    更新时间 修改意见 2016-08-02 陈敏 第5节 Toast 5.1 使用效果 Toast用来向用户弹出一个提示框,然后自动消失,就像这样, 面包机烤好面包后,就腾的一下把面包从面包机里弹出来. ...

  3. [LinkerScript.18] SECTION命令: Input Section Description : 输入section的基础

    An input section description consists of a file name optionally followed by a list of section names ...

  4. html section 布局,section标签的用法

    标签的用法 由于昨晚发了一篇文章 http://www.zcool.com.cn/article/ZMzA3MzI=.html ,有一个网友评论问 的用法.所以现在举例来说明一下: html5引入了标 ...

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

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

  6. [布局] bootstrap基本标签总结

    文件头: DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  7. Android layout布局属性、标签属性总结大全

    RelativeLayout 第一类:属性值为true可false android:layout_centerHrizontal        水平居中 android:layout_centerVe ...

  8. 上传html网页到后天,【从入门到上岗】web布局篇--html标签

    我们看到一个html文档是由一对对标签组成的,它们就相对于一个个容器,按照我们给定的布局显示,同时容器之间又能一层层嵌套,形成我们所见的网页内容. 我们把一对标签可以称作一个网页元素,除了如上你所看到 ...

  9. android 标签样式布局,安卓 Tab 标签-利用 TabHost、TabWidget、FrameLayout 啰里八嗦实现 Tab 标签控件...

    安卓 Tab 标签-利用 TabHost.TabWidget.FrameLayout 啰里八嗦实现 Tab 标签控件 首先 XML 布局代码 TabHost 是整个 Tab 的外围,TabWidget ...

最新文章

  1. dell笔记本耳机怎么设置_win10笔记本怎么设置合上盖子不休眠
  2. linux i2c 读写函数,Linux下读写芯片的I2C寄存器
  3. 20190703 关于如何驱动
  4. Android Studio使用教程
  5. 你们可能都小看了Windows!
  6. SAP系统里的订单,可以随便删除么?
  7. python hbase_Python操作Hbase
  8. 帆软获取上月的第一天与最后一天_《原神》岩港打工第一天怎么玩 岩港打工第一天玩法攻略...
  9. 【Python】Paramiko模块在Windows10中import ssl报错的处理方法
  10. Flutter Scaffold组件详情配制使用
  11. 雷凌linux车机升级_绿老师学堂:15万合资车谁更“聪明”?体验思域/福克斯/雷凌车机...
  12. antd-vue中的form表单label标签for导致点击文字触发输入框解决方案
  13. android方法是对象吗,为什么android中对象不初始化也能调用方法?
  14. 你不能忽视的HTML语言
  15. 计算机物质与结构,计算机辅助高中化学物质结构教学的探索与实践
  16. 软考中级网络工程师全面学习笔记第1版(近4万字)
  17. 电脑翻页时钟屏保Fliqlo
  18. 系统学习机器学习之组合多分类器
  19. 3D变形:平移、旋转、缩放
  20. 超级计算机图片高清,专业不止一点,vivo X50 Pro+后置四摄,高清1亿模式亮点十足...

热门文章

  1. linux 键盘 数值,键盘数值对照表
  2. ffmpeg推送摄像头rtmp流
  3. python网络编程实例简析
  4. STL 之includes,set_intersection,set_union,set_difference,set_symmetric_difference
  5. Windows 内核(WRK)简介
  6. 如何检查Socket是否断开
  7. 基于MySQL和DynamoDB的强一致性分布式事务实践
  8. 面试官问,为什么建议MySQL列属性尽量用 NOT NULL ?
  9. 【全真互联网下音视频技术创新应用】
  10. Hotstar赛事直播编码组合优化