web前端(从零开始),每天更新学习笔记 给内容分段

web前端(从零开始),每天更新学习笔记 给内容分段_第1张图片

在这里我还是要推荐下我自己建的web前端开发学习群:731669587,群里都是学web前端开发的,如果你正在学习前端 ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有前端软件开发相关的),包括我自己整理的一份2018最新的前端进阶资料和高级开发教程,欢迎进阶中和进想深入前端的小伙伴。

HTML5

是用于对网站或应用程序页面的内容进行分区,在html4中,我们一般用

来实现,现在HTML5中我们可以专门来进行分区块。通常由内容和标题组成,虽然

也可以分区块,但是并非是一个简单的容器元素,当然一个容器元素需要被定义样式或者脚本定义行为的时候,推荐使用

是关注结构的独立性,而是关注内容的独立性。

包含的内容可以单独存储到数据库中或者传输到word文档中,可以看一下示例:

web前端(从零开始),每天更新学习笔记 给内容分段_第2张图片

效果:

web前端(从零开始),每天更新学习笔记 给内容分段_第3张图片

示例

3.虽然现在看来跟

没什么区别,但在语义上有所不同,跟类似都是表示区块的分割,他们的功能跟

类似,都是分割不同的区域,使用方法也比较相似,实际上区别还是很大的,在使用上还需斟酌

代表文档,页面或应用程序中独立的,完整的,可以被外部引用的内容。比如博客一篇文章,论坛的帖子,一个评论,所以一般包含 等。

用于对网站或应用程序中页面内容进行分块,一个通常由内容,标题组成,一般不用包含 ,通常用于给有标题的元素进行分段,作用就是对页面内容进行分块处理,比如文章分段(段落),相邻的应该是关联的,而不像是独立的,我们可以看一下示例:

web前端(从零开始),每天更新学习笔记 给内容分段_第4张图片

示例

从以上示例中,我们可以看到更强调独立性,强调关联性,当然在网页的布局,我们也不是处处都是用这两个标签。当不关注这个独立性,完整性的时候,我们使用

。由此我们可以再看一下这个示例:

web前端(从零开始),每天更新学习笔记 给内容分段_第5张图片

用法示例

还有示例:

web前端(从零开始),每天更新学习笔记 给内容分段_第6张图片

用法示例

看了这些,大家应该对,在使用上有大概的认识,希望对大家使用有帮助,在这里感谢我的60个粉丝的支持。一般不一一点名了。

你可能感兴趣的:(web前端(从零开始),每天更新学习笔记 给内容分段)