section标签及辨析div\section\article异同
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异同相关推荐
- html语言 section type,HTML5中div、article、section的区别及使用介绍
最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头 ...
- html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签 我的第一部分有一个容器div, ...
- html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签,article标签
1.html5结构标签 <!DOCTYPE html><html> <head> <meta charset="utf-8"/> & ...
- div section和article区别
在Html5中,加入了很多用于"布局"的标签,他们有<header>.<nav>.<section>.<article>.<a ...
- HTML中的div,section,acticle三个标签的区别
一开始,我对这三个标签也是比较困惑,总感觉这三个标签用起来差不多.查了资料之后才觉得这三个标签原来各有作用. 1.div元素: 它本身无任何语义,用作布局以及样式化标签,可定义文档中的分区或节,相当于 ...
- html div 知识点,HTML知识点总结之div、section标签
div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span.p或者ul等元素完成. se ...
- html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)
摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
- web前端:main、header、footer、nav、article、section标签的用法
HTML5 添加了诸如main.header.footer.nav.article.section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性. 默认情况下,浏览器呈现这些新标签的方式与 ...
- HTML知识点总结之div、section标签
本文转载于:猿2048网站HTML知识点总结之div.section标签 div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容.主要用作大的框架布局,也就是说网页的骨架主要通 ...
最新文章
- CentOS安装中文输入法
- 接口设计文档_app端接口用例设计方法和测试方法(一)
- C++知识点7——函数传参
- php 获取js变量
- JCO与bapi的联合使用
- python画太极八卦图_AI剪刀工具快速绘制太极八卦图
- VWware安装ubuntu设置静态IP
- Strategy 策略模式
- whereis 命令(转)
- 流行的 NPM 包依赖关系中存在远程代码执行缺陷
- c++中的构造函数和析构函数
- 视频教程-教你编写人工智能程序教程(自学必看)-Python
- 74HC20中WR讲解
- win10相机计算机无法使用,win10系统相机怎么用 win10系统相机无法使用怎么解决...
- 全栈很屌?什么是全栈工程师
- MacBook Pro 安装软件navicat15 , mac10.15安装navcat15
- push ebp到底是什么意思
- 谷歌浏览器安装vue-devtools
- Django教程 —— Django入门
- 【stm32f103中断编程步骤】
热门文章
- 用python计算绩点的代码_计算学生的平均绩点GPA的python代码
- ABAQUS壳单元加钢筋层,分析报错“The rebar name is required in a particular element or element set”
- java编辑器的使用_java代码编辑器的使用方法
- 终于禁止了HP本本的触摸板
- java的socket通信安全_JAVA-Socket通信笔记
- XlsOrXlsxUtil
- 人工智能数学基础-线性代数2:向量的点积、內积、数量积和外积
- kali 安装vscode
- java rrdtool_rrdtool
- 创建Scanner对象