CSS3中的div,section,article的区别
div:在任何框架中,div始终是div,不管你是什么,都可以使用div,咱的功能就是自成个钩子方便添加样式。
section:当然既然可以用section,那这部分内容就一定也可以使用section,section中文就是:节,部分的意思,文章的目录,大纲最适合使用。section里一般都会有一个标题。
article:article是section的升级版,一段内容已具备section中的标题时,如果这段内容可以独立存在表达一个意思,讲一个故事,说清楚一件事,那么这段内容就可以用article.article里面一般可以包括header,section,footer标签。
说了这些感觉还是一句话,各个标签也都有模糊边界,纠结那么多干毛,只要你能明白,你也让其它用到它的人明白,用什么都OK。
CSS3中的div,section,article的区别相关推荐
- section标签及辨析div\section\article异同
section标签 定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. div\section\article标签 div充当容器的角色,用来设置某一块的总体属性(一个d ...
- div,section,article,aside 区分
section:含义是区,块.里面必须包含一个标题,如果一个网页分区比较明确可以使用section.举例:报纸 section不能代替div.在没有明确的区块划分(没有标题)的情况下最好用div,如果 ...
- HTML中的div,section,acticle三个标签的区别
一开始,我对这三个标签也是比较困惑,总感觉这三个标签用起来差不多.查了资料之后才觉得这三个标签原来各有作用. 1.div元素: 它本身无任何语义,用作布局以及样式化标签,可定义文档中的分区或节,相当于 ...
- CSS3中word-break和word-wrap有什么区别?
大家都知道在CSS3中增加了很多新的属性,其中word-break和word-wrap就是用来给文本换行使用的,但是两者有什么区别很多小伙伴都不是很清楚.今天小千就来告诉你他们究竟有什么不同,应该用在 ...
- 浅谈CSS3中的content-box和border-box的区别
content-box是符合w3c标准的盒模型,也是默认的盒模型 border-box是不符合w3c标准的盒模型,也称为怪异盒子 他们二者有什么区别呢? content-box是先根据设定的样式确定元 ...
- html语言 section type,HTML5中div、article、section的区别及使用介绍
最近正在学习html5,刚接触html5,感觉有点不适应,因为有一些标签改变了,特别是div, section article这三个标签,查了一些资料,也试着用html5和css3布局网页,稍微有点头 ...
- html5中的div和section,article,aside的用法
html5中的div和section,article,aside的用法 最近在学习html5,关于section和div还有article的理解非常模糊,于是查了些资料终于对section和div还有 ...
- [html] HTML5中的article和section有什么区别?
[html] HTML5中的article和section有什么区别? <article> 标签定义外部的内容,比如来自 blog 的文本.其内容独立于文档的其余部分.<sectio ...
- HTML5新元素section和article的区别详解
HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和<section>. 在问答网站经常可以看到别人 ...
最新文章
- 使用XML创建Excel文档
- Kotlin 4 构造,对象,修饰符,关键字,委托
- 初学者怎么自学python编程_怎样自学python编程?从零开始学习python,400集免费教程!...
- drupalchina--如何翻译及如何上传翻译的内容?
- 2021年宇华实验中学高考成绩查询,2021年河南高考状元多少分,今年河南高考状元资料名单...
- 如何用纯 CSS 创作一个均衡器 loader 动画
- python中seek方法_python文件操作及seek偏移详解
- tp6常用功能整理(本人刚学习tp6遇到的常见问题)
- 华为网络设备-DHCP基础配置实验
- oracle 查看用户配额,【Quota】获取及调整用户表空间配额方法
- 强烈推荐代码生成器Cursor
- js代码格式化(js代码格式化html标签)
- Excel的数据可视化和Python的有什么不同?
- 全球与中国3-溴苯甲酸叔丁酯市场深度研究分析报告
- 开心开源 |COSCon'21 志愿者招募正式启动
- harmonyos用英语怎么说,华为在欧盟知识产权局申请HarmonyOS专利 或为鸿蒙系统的英文名称...
- 【书评】人月不必再相望,嫦娥已然在身旁——人月神话(40周年纪念版)
- 【转】冥想的习练与方法(初级篇)
- mysql中拼音排序的方法_mysql中文拼音排序实现方法
- 利用Scrapy框架爬取LOL皮肤站高清壁纸