<div> 标签如何支持 HTML 代码？ [关闭]答案

【问题标题】：How does the <div> tag support HTML code? [closed]<div> 标签如何支持 HTML 代码？ [关闭]
【发布时间】：2021-02-24 18:48:42
【问题描述】：

我一直在谷歌和其他搜索引擎产品上搜索和搜索：

<div> 在 HTML 中是做什么用的？

这是我得到的：

<div> 标记定义 HTML 文档中的分区或部分。 <div> 标签用作 HTML 元素的容器 - 然后使用 CSS 设置样式或使用 JavaScript 操作。 <div> 标记很容易通过使用 class 或 id 属性来设置样式。任何类型的内容都可以放在<div> 标签内！

这是真的吗？我想听听专业人士的意见。您如何在 HTML 中划分内容？ “body”属性是我的另一个问题，但我一次只能问一个问题。

看看我的代码，我发现 <div> 一点用都没有：

<!DOCTYPE html>
<h1> Example Title </h1>
<p> Example Paragraph referring to the Example Title.</p>
<div id="div"/>
<progress onload="https://google.com"></progress>
</div>

<div> 如何帮助处理<progress> 属性？ <div> 对任何事情都有什么帮助，真的吗？

【问题讨论】：

div 是一个容器。是否需要容器取决于很多事情。

标签： html google-chrome attributes code-snippets divide

【解决方案1】：

是的，在 div-tag 中你可以放任何你想要的东西。

既然我们都想要干净易读的代码，最好有一个特殊含义的标签，这就是为什么有一个东西叫做：语义html。

什么是语义元素？语义元素清楚地向浏览器和开发人员描述了它的含义。

尽可能多地使用 div-tags 并没有错。但是将来您或您的开发人员团队成员在阅读和理解您的代码时会遇到问题。

正如异端猴在评论中所说： div 是一个容器。例如：

<div class="any-class">
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </article>
</div>

使用 class .any-class 为 div 加宽，例如，您可以设置整个内容的样式或在其上使用 javascript 或...

尽量避免过度使用 div 标签，如下所示：

<div class="any-class">
  <div>
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p
  </div>
  <div>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </div>
  <div>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </div>
</div>

这里有一个关于语义 HTML 的小“教程” https://www.w3schools.com/html/html5_semantic_elements.asp

【讨论】：

【解决方案2】：

如果你想对一个或多个元素做 css，Div 标签是很好的。如果您查看引导文档，则其中一些很好的实际示例是，因为要使用很多该框架，您需要使用 div 来引用类。

【讨论】：