div(div)和部门？(section?)的区别

SECTION元素被定义为网页或站点的语义部分，它不是另一种更具体的类型，如ARTICLE或ASIDE。设计师在标记页面的一个不同部分时经常使用此元素，即可以移动并用于其他页面或站点部分的整个部分。这是一个独特的内容。...

SECTION元素被定义为网页或站点的语义部分，它不是另一种更具体的类型，如ARTICLE或ASIDE。设计师在标记页面的一个不同部分时经常使用此元素，即可以移动并用于其他页面或站点部分的整个部分。这是一个独特的内容。

相反，DIV元素适用于页面中除语义以外的其他用途。例如，您可以将一些内容包装在一个DIV中，为其提供一个“钩子”以使用CSS进行样式设置。从语义上讲，它可能不是内容的一个独特部分，但它是分开的，这样您就可以实现所需的布局或感觉。

这都是关于语义的

DIV和SECTION元素之间的唯一区别是语义，即您要划分的内容的含义。

DIV元素中包含的任何内容都没有固有的含义。它最好用于以下情况：

CSS样式和CSS样式的挂钩
布局容器
JavaScript挂钩
使内容或HTML更易于阅读的分区

DIV元素过去是唯一可用于向样式文档和布局添加挂钩的元素。在HTML5之前，典型的网页充斥着DIV元素。事实上，一些WYSIWYG编辑器只使用DIV元素，有时还代替段落。

HTML5引入了分段元素，创建了更多语义描述文档，并帮助定义这些元素的样式。

跨度元素呢？

另一个常见的非语义元素是SPAN。它用于内联为内容块（通常是文本）周围的样式和脚本添加挂钩。从这个意义上讲，它与DIV完全相同，但不是块元素。将DIV视为块级跨度，并以相同的方式使用它，但用于整个HTML内容块。

HTML没有类似的内联分段元素。

对于旧版本的internet explorer

即使您支持的Microsoft Internet Explorer的旧版本不能可靠识别HTML5，也应该使用语义正确的HTML标记。语义将帮助您和您的团队在将来管理页面。最新版本的Internet Explorer及其替代品Microsoft Edge认可HTML5。

使用div和section元素

您可以在一个有效的HTML5文档节中同时使用DIV和SECTION元素来定义内容的语义离散部分，并使用DIV来定义用于CSS、JavaScript和布局目的的挂钩。

Jennifer Krynin的原创文章。杰里米·吉拉德于2017年3月15日编辑

发表于 2021-09-08 03:45
阅读 ( 70 )
分类：数学

你可能感兴趣的文章

迪夫(div)和跨度(span)的区别

迪夫(div)和跨度(span)的区别 HTML是开发网页的一种广泛使用的语言。它代表超文本标记语言。术语Hyper是指链接到internet上的其他web资源。术语标记是指使用图像和其他多媒体资源创建格式化文本的能力。超链接是HTML中使所有we...

发布于 2020-11-09 08:37
阅读 ( 353 )

如何制作自己的加密货币仪表盘

...//files.coinmarketcap.com/static/widget/currency.js"></script><div class="coinmarketcap-currency-widget" data-currency="bitcoin" data-base="USD" ></div> ...

发布于 2021-03-12 02:21
阅读 ( 350 )

如何通过3个简单的步骤构建javascript幻灯片

...t/javascript"> </script> </head> <body> <div id="showContainer"> <div class="imageContainer" id="im_1"> <img src="Images/1.jpg" /> <div class="caption"> Windmill </div> </div> <div clas...

发布于 2021-03-13 17:20
阅读 ( 245 )