HTML中的div标签是实现网页的重要基础，是学习HTML知识必不可少的内容，本篇文章就来为大家介绍关于HTML中div标签的使用方法。
什么是div标签？
div标签表示一组必要的结构。目的是将夹在div标签之间的字符分成块状。因此，单独的div标签没有诸如改变颜色或改变字符样式的效果。
另外，如果div标签不适合其他元素，则就暂时不要使用它。
立即学习“前端免费学习笔记（深入）”；
但是，实际上，当需要指定哪个元素时，我们经常会使用div标签。
通过将id和class添加到div标签并使用CSS处理id和class，你就可以更改div标签中的颜色或改变为其他样式。
div标签与Section标签的比较
我认为section标签在文档上显示单个集合比较合适
section标签用于将组指示为文档。
我认为章节有章节的项
正如章节子句的这个概念一样，section标签是一个块，如果它被提取，通常没有意义。
在报纸文章中，即使你只剪辑章节项，我也不认为整篇文章的意图可以传达。
通过比较，section标签的使用方式与div标签的使用方式不同，而是作为句子用于表示组。
div标签的用法
写下div标签如下。
内容
如上所述，div标签通过添加id和class非常有用。如何分配id和class如下。
内容内容
顺便说一下id和class
顺便说一下，id和class是什么？id和class被称为属性，id是I具有D号之类的东西，具有相同id名称的东西只能在该页面内使用一次。
相反，我们将id属性用于我们仅使用一次的事物。
另一方面，class属性可以在同一页面上使用多次。如果要指定“此元素和此元素的颜色相同”，请使用class属性。
当然，即使你只使用一次，也可以使用class属性。
我们来看实际的例子
我们先来看看div标签包围的结果
对于id和class，我们指定每个名词的颜色名称。
使用以下源代码创建div.html并在浏览器中打开它。
div.html
苹果天空香蕉大海蒲公英
在浏览器中显示效果如下：
上述只有文字显示，现在让我们用CSS作为背景上色。
#red { background-color: #FF0000; } .skyblue { background-color: skyblue; } .yellow{ background-color: yellow; } .blue{ background-color: blue; } .beige{ background-color: beige; } 苹果天空香蕉大海蒲公英
在浏览器中显示效果如下：
可以看到背景是彩色的，也还可以确认指定了多个相同的类。
以上就是什么是div标签？HTML中div标签怎么使用？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1547461.html
微信扫一扫 
支付宝扫一扫 
