在HTML5中使用<div>标签创建非独立的块合适吗？
在HTML5中使用<div>标签创建非独立的块是合适的。
<div>标签是HTML中最常用的容器元素之一，用于在文档中创建块级元素。它本身没有特定的语义，只是用于组织和布局页面结构。
使用<div>标签可以实现以下功能：
- 分组：通过将相关的内容包装在一个
<div>中，可以将它们分组在一起，从而使HTML结构更加清晰和有序。 - 布局：
<div>标签可以与CSS样式一起使用，用于创建各种布局，比如网格、栅格系统等。 - 样式和脚本挂载点：通过为
<div>标签添加唯一的ID或类名，可以方便地为其添加CSS样式或JavaScript脚本，从而实现定制化的外观和交互效果。
在实际应用中，<div>标签经常与其他HTML元素一起使用，比如<header>、<footer>、<nav>等，以构建更复杂的页面结构和布局。
腾讯云相关产品推荐：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 腾讯云 CDN（Content Delivery Network）：https://cloud.tencent.com/product/cdn
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
以上是关于在HTML5中使用<div>标签创建非独立的块的一些基本信息和推荐的腾讯云产品链接。请注意，这只是简要介绍，具体的应用和使用方式取决于实际需求和情况。
相关·内容
我访问了这个网站：，首页下方的横幅是“网页设计”、“网页开发”和“网站推广”。
我想知道在HTML5中标记这样的东西最好的语义方式是什么。有什么建议吗？例如，标题标签是否应该存在？
我的猜测可能是这样的，有没有更好的方法？
<section id="web-design">
<h1>WEBSITE DESIGN</h1>
<img src="img.png" alt="graphic" />
<p>text here blah blah</p>
浏览 2提问于2011-05-25得票数 2
由于HTML5引入了一些新的标签，比如header、footer、aside、nav等，我想知道像使用div标签一样使用这些标签是否是一个好的做法？
让我解释一下：
我想在我的网站上有一个固定的菜单，当用户向下滚动页面时，它会固定在顶部，所以我创建了一个标题标签，然后我使用CSS并给它一个位置:固定；并给它一些其他规则……
^这是推荐的吗？(赋予header标记一些样式)还是header标记仅用于标记目的？
我应该在header标签中创建一个div标签并设置该div标签的样式吗？或者只设置header标签的样式是可以的吗？
<header>
</header>
或
&
浏览 2提问于2017-12-05得票数 0
1回答
我需要将PSD转换为HTML5/CSS。我在寻找要使用哪些元素的明确答案时遇到了问题。我的布局由页眉、内容/侧边栏和页脚组成。模板结构如下。
我知道你可以在HTML5中使用多个页眉/页脚元素，我已经有了主要的页眉/页脚标签。我遇到的主要问题是内容的结构。
我有一个主要的内容区域，然后是一个侧边栏，侧边栏的内容并不真正与内容相关。在侧边栏中，我需要有多个内容框。
内容区域有不同的部分，主要是一个带有文本的特色图像，然后剩下的就是页面文本。
据我所知，使用<section>标签来定义内容/侧边栏不是语义上的，因为它与内容无关，而是页面结构/布局。下面的标记看起来是否符合我想要实现的结构
浏览 0提问于2013-05-26得票数 2
回答已采纳
假设您必须只编写一个html5语义网站，现在您想要创建一些表示可购买项目的项目。
哪种标签最合适？它不是<section>，也不是<object>。Div是绝对错误的，因为只需要html5语义。
浏览 1提问于2021-05-29得票数 1
回答已采纳
这是我第一次真正使用HTML5，我已经对文章/章节做了一些研究，但我发现答案有点令人困惑。
一个例子是这样的说法：
节-用于按主题将内容组合在一起。听起来像是div元素，但不是。div没有语义意义。在用区段元素替换所有div之前，一定要问自己：“所有的内容都相关吗？”
但我仍然不能百分之百确定我是否正确地使用了它。
我做了，这是正确的使用节/文章吗？
基本上，我使用section作为frontpage上每个元素的“包装器”。我为section中的每个元素使用的section。
这是最好的做法吗？
浏览 5提问于2016-08-02得票数 1
1回答
因此，我创建了一个'div‘标签，并试图将它放入'a’标签中。从我对这个主题的搜索中了解到，您可以在html5中这样做，但是您不能在html4中这样做。但是，当我在浏览器中打开html文件时，出现了一个错误。不仅是'div‘的点击，而且它的所有空间权利。以下是我的html代码：
<a href="#"><div id="div1"></div></a>
我的css：
#div1 {
width:250px;
height:200
浏览 0提问于2018-12-01得票数 1
回答已采纳
2回答
我有一个简单的页面模板，有一个侧栏在左侧和主要内容区域在右侧。这是文章、旁注和标题标签的正确用法吗？另外，您是否打算将类/ie附加到html5元素(即，文章class="example“)，或者是专门针对div的？
谢谢
<article class="page">
<div class="container">
<div class="row">
<aside>
<div class="col-md-3">
浏览 0提问于2013-11-08得票数 0
1回答
我很好奇什么标签最具语义意义来封装一组缩略图？使用<figure>标签有意义吗(阅读html5规范，它不是很清楚)？或者坚持使用<div>，或者它被认为是它自己的<section>
通常我可能会使用div来分割它，但是尝试利用html5的语义结构，我希望可能会有一个更适合这类内容的标签。
有什么想法？有什么建议吗？欢迎大家光临。谢谢!
浏览 1提问于2011-06-09得票数 8
回答已采纳
2回答
我使用html5文档类型已经有一段时间了，但是并没有真正使用比header、nav和footer更多的标记。我想了解何时实现article和aside标记，以及在我的示例中是否正确地实现了它们。
我问这个问题的全部原因是，对于如何正确使用这些标记以及是否可以将某些标记(如aside标记)嵌套在article标记中，似乎存在很多争议。我只是想弄清楚。
这是我的例子。我有两个问题：
这个布局有什么不正确的地方吗？
我可以为aside设置样式--这些新标记，还是必须将样式应用于新html5标记中的元素？
编辑：
我想要的只是一个包装器div，它被更改为包含2个内联元素的ar
浏览 6提问于2014-10-20得票数 0
回答已采纳
我和一个团队成员对<article>标签的使用有不同意见。根据MDN中的定义，在我看来，在向用户提供某种内容时，应该使用它。他说，我们应该在数据输入页面中使用它(不向用户显示任何内容块)。例如，创建新用户之类的页面。他希望将所有的输入字段封装在一个项目元素中。
我们两个人都是对的吗？两样都没有？两者都有？我们都是编写语义html的新手，所以我们正在努力解决问题，而且还停留在这个争论的焦点上。
浏览 0提问于2016-09-01得票数 2
回答已采纳
在HTML5中，引入了新的标记，以便能够更好地定义页面布局。其中一些标签是页眉、页脚、节、旁、导航、文章……以前，要定义这些页面部分，需要使用DIVs。那么，DIV现在会发生什么呢？
浏览 1提问于2012-08-24得票数 0
我刚在读了下面的文章
非块级元素(如<input>)在<form>标记中直到HTML5才有效。
我从未听说过这方面的任何事情，我看过的每一个基本HTML教程似乎都可以将输入标记直接放在表单标记中。因此，我的问题有三部分：
上述说法是否合法？
为什么是这种情况？(这仅仅是一个疏忽，还是HTML规范的创建者试图通过创建这个规则来防止特定的问题？)
使用输入构造表单的推荐方法是什么？(我们应该直接在表单标记中创建div或表吗？)
浏览 3提问于2011-03-25得票数 9
回答已采纳
3回答
新的HTML5文章标签看起来非常棒，非常棒，这里和其他地方都有很多关于它的用途的讨论。
不幸的是，所有这些讨论似乎都是在博客或新闻网站的上下文中进行的，内容就是内容。
在电子商务网站中，最大的问题是，我现在如何标记产品？
以规范为指导，似乎一个可销售的项目确实是可以联合起来的(而且经常是)独特的东西。文章标签似乎是一个很好的匹配，但我没有看到它以这种方式使用。
它是否适合这里，但是所有的例子，博客，等等，因为它们似乎更直观地适合标签的名称？还是我在这个规范上做得太过了？
任何指导都将不胜感激。
浏览 0提问于2011-07-18得票数 14
2回答
我只是从HTML5和CSS3开始。我的设计包括在顶部的标题横幅。也就是说，徽标和横幅图像都在一个横幅中。
现在，在HTML5中，我该如何对其进行编码？
<header>
<figure></figure>
</header>
或
<header>
<div>Image Header Banner</div>
</header>
浏览 3提问于2013-08-08得票数 1
我一直在使用validator.w3.org服务来创建我的XHTML过渡网页，并且对它非常满意--它很容易显示出错误的语法和未关闭的标签。
然而，我们用HTML5对我们的新站点进行编码--所以文档类型自然变成了。因此，w3验证器将页面验证为HTML5。我使用这个功能已经有一段时间了，但我才意识到它不会通知我未关闭的标签。例如，如果我使用
<div><p>This is my text and I am not closing this P tag</div>
然后XHTML验证器会通知我上面的问题，但是HTML5上的验证并没有告诉我上面的问题。有什么办法可以
浏览 0提问于2012-04-17得票数 1
1回答
我有一个包含p的跨度，如下所示：
<span>
<p>this is the p</p>
</span>
根据HTML5规范，这是不允许的。现在，我的HTML比上面的要复杂得多，我需要一些类似于p的东西，我可以用它来代替。我可以使用哪个标签，或者我可以使用css更改哪个元素，以使其行为类似于p？
浏览 0提问于2013-08-28得票数 7
回答已采纳
2回答
我刚开始使用Twitter Bootstrap，遇到了一个问题。
最近浏览了一些关于HTML5的教程，发现应该使用页眉、导航、页脚等语义元素而不是Div。
现在，在学习Bootstrap时，他们中的大多数人都在使用Div标签。
那么Bootstrap Div标签和HTML5语义标签哪个更好呢?为什么？
谢谢。
浏览 0提问于2014-03-03得票数 29
3回答
<p>标签的用法
、、、
据我所知，p标签创建段落。但我经常在HTML代码中发现这些标记被用于其他目的。例如，我在Codecademy练习中发现了这一点：
<div><p>Rex</p></div>
div {
position: relative;
display: inline-block;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
margin-left: 5px;
margin-top: 5p
浏览 2提问于2014-06-12得票数 0
我想知道在JavaScript (对于支持HTML5的浏览器)中是否有类似的方法可以像Flash一样计算位图上的位图hitTest。
另外，如何实现“模糊滤镜”？现有的DIV / SPAN标签可以被“绘制”到位图对象中(就像Flash的BitmapData.draw()方法一样)，这样它就可以在画布上用于"hitTest“目的吗？
我想我可能把HTML5的行话全搞错了，但希望这能有点意义。
在像素级的评估中，有没有内置的方法来检查位图是否相互接触？
谢谢!
浏览 1提问于2011-01-13得票数 3
1回答
在过去的几年里，我一直在使用html4编写网站。昨天我决定继续学习HTML5。遗憾的是，旧的浏览器不支持HTML5，但我发现了一个js文件“html5shiv”，它将“强制”浏览器理解html5。
在学习HTML5新语义时，我在理解几个元素之间的区别方面遇到了一些困难。
当我看着<figure>标签时，我读到了：
虽然<figure>元素的内容与主流相关，但其位置独立于主流，如果将其删除，应不会影响文档的流。
如果删除它不会影响文档的流程，这是什么意思？
另外，<div>和<section>有什么不同？此外，<article>与<
浏览 0提问于2013-11-04得票数 0
我一直在研究MVC3的非侵入性验证。
像这样的属性附加到表单输入元素：
data-val="true" //declares that the element should be validated
data-val-required="this field is required" // required constraint + error message
data-val-number="this field must be a number" //number constrai
浏览 2提问于2011-08-08得票数 2
回答已采纳
有谁知道如何使用javascript将html5 div标签数据保存为图像...
我正在用phonegap做项目..
我只想安排所有的画布数据，包括图像在画布上的一些文本，并保存为一个完整的图像与任何格式的.jpg，png等。
有人知道吗？如何在android phonegap中使用html5和javascript实现这一点？
告诉我有没有人推荐我..
浏览 1提问于2012-11-29得票数 2
2回答
我已经将Aptana升级到了版本3。从那以后，我收到了如下警告：
<a><span id="contacts" rel="#overlayTest">Contact</span></a>
Multiple markers at this line:
- should discard unexpected <a>
- should discard unexpected </a>
A.在"div“或"span”之前加上"a“标签是违法的吗？
编辑:我犯了错误，因
浏览 2提问于2011-02-10得票数 0
回答已采纳
我想在HTML5中创建灯箱结构。
下面是我的代码：
<p>
<a href="images/1.jpg" class="lightbox">
<img src="images/1.jpg" style="width: 320px; height: 200px" alt="" />
<div class="zoom">Zoom.</div>
test test
</a>
Par
浏览 1提问于2012-07-02得票数 0
这是在HTML5中创建投资组合文章的好方法，还是您有任何建议？
不确定该部分，但我需要它作为覆盖在图像上。用DIV代替好吗？
<article class="three columns remove-all project">
<section class="project-information">
<header>
<h4>Ski Trail</h4>
<time datetime="2010-03-20">20th March
浏览 0提问于2014-03-11得票数 7
1回答
首先，看看这把小提琴：
我需要在<aside>块中的下一个图像中创建类似块的块。
不要注意俄语单词。这不是问题。
我可以用下一个html结构创建这样的块：
<aside>
<div class='block'>
<div class='header'><h1>Lorem block 2</h1></div>
<div class='content'>
<p>
浏览 2提问于2014-04-03得票数 1
1回答
我在试着评估一份工作。
任务是将div标记转换为正确的HTML5语义标记。我不被允许修改/移除任何其他东西。
页脚的代码如下：
<div class="footer">
<div class="copyright-content">
<div class="copyright"> copyright 20xx -xx </div>
<p> by xyz company </p>
</div>
</div>
浏览 5提问于2022-10-15得票数 0
我试图使我的内容在一个分区内左对齐.密码在下面。我做了一次，但丢失了代码。现在我想不出来了。
Html5：
<div class="wrapper materials">
<section id="materials">
然后制作一个文章标签，然后创建文章内容，包括h标记、p标记等，然后关闭标签，然后关闭div。
css：
.materials {
width: 80%;
background-color: #fff;
margin-left: auto;
margin-right: auto;
t
浏览 2提问于2013-11-15得票数 2
回答已采纳
我知道在内联元素中放置块元素是错误的，但是下面的内容呢？
想象一下这个有效的标记：
<div><p>This is a paragraph</p></div>
现在添加这个CSS：
div {
display:inline;
}
这会造成内联元素包含块元素的情况( div变为内联元素，而p默认为块)。
页面元素仍然有效吗？
在应用CSS规则之前或之后，我们如何以及何时判断HTML是否有效？
更新：，我后来了解到，在HTML5中，在链接标记中放置块级元素是完全有效的，例如：
<a href="#">
&
浏览 6提问于2009-04-14得票数 45
回答已采纳
1回答
我想知道HTML文档中的内联元素在技术上是否需要块级父元素。例如，下面的HTML..。
<html>
<head>
</head>
<body>
<b>Some Text</b>
</body>
</html>
这是一个有效的HTML文档吗？或者必须将<b>和</b>标记封装在块级元素中才能被认为是有效的，比如<p>或<div>？(希望HTML4和HTML5的答案是一样的？)
许多人问了一个类似的问题:我
浏览 0提问于2018-04-12得票数 0
使用VBA2.0 Beta1 (我假设getElementsByTagName()脚本也是如此)时，getElementsByTagName()只显示HTML5标签section和nav的开始标签，而适用于所有其他HTML4标签。
AutoHotkey代码
HTMLObj := ComObject("HTMLfile")
HTMLObj.write(HTML)
DOMObj := HTMLFileObj.getElementsByTagName("section")
msgbox DOMObj[0].outerHTML
下面将返回刚开始的标签<sec
浏览 7提问于2021-09-23得票数 1
我正在使用asp.net mvc-5构建一个网站，我想提供我们公司的联系方式，如电话、电子邮件、邮政地址等，所以我在我们的“联系人美国”页面中使用了<address>标签如下(我用*替换了真实的数据)：-
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 address">
<h2>Addresses</h2>
<address>
<div class="info">
浏览 2提问于2016-01-18得票数 2
回答已采纳
我正在构建一个具有HTML5 5/JavaScript前端和Java后端的web应用程序。我将使用JSON对象并将它们存储在MySQL数据库中。
目前，我对每件事是如何结合在一起的有了初步的了解。
如果您能够查看我下面的大纲并指出我的架构中的任何错误&我对这个架构的理解，那将是非常有帮助的。我对此非常陌生，所以我很难用恰当的术语来描述各种组件。如果我给任何东西贴错标签，请纠正我！
前端
HTML5 5/JavaScript创建要发送到服务器的JSON对象。从服务器接收相同的信息。
后端
Web服务(泽西/杰克逊)--将JSON转换为Java对象，反之亦然。
数据层(Spring
浏览 3提问于2013-08-21得票数 0
回答已采纳
我看了几个相关的帮助主题，但我仍然遗漏了一个重要的步骤。我已经创建了一个新页面...页面--ployee.tpl.php此页面包含三个选项卡，当前加载三个单独的“页面”。页面上的html --ployee.tpl.php如下：
<div id="a" class="empTab"><a href="/"><span>Employee Home</span></a></div>
<div id="b" class="empTab">&
浏览 4提问于2012-04-16得票数 0
我见过几个站点使用以下代码来进行无线电输入布局：
<label>
<input type="radio" name="myRadioBtn">
<span>Check me!</span> <!-- Notice the span wrapped text -->
<div class="custom-radio"></div>
</label>
同时，我还看到了以下几个站点：
<label>
<input type=
浏览 13提问于2022-03-28得票数 0
回答已采纳
我的理解是，默认情况下，HTML5中的标签不应该是自动关闭的(尽管允许使用自动关闭标签)。但是，我在应用程序中使用了HAML，使用了HTML5文档类型(!!! 5)并在application.rb中指定了Haml::Template.options[:format] = :html5
但是，当我查看生成的标记时，我的链接标记仍然以/>结束
知道这是怎么回事吗？这是html5文档类型的HAML的默认行为，还是我的配置有误？
浏览 4提问于2011-06-30得票数 4
回答已采纳
我喜欢HTML5标准中的新标记。我可以多次使用它们吗？
比如3个<nav>标签，或者两个<sidebar>标签，我能发明像<fuu>这样的新标签吗？
在xhtml中，我有：
<div class="nav-wrap">
<div class="nav">
...
</div>
</div>
所以我可以这样做：
<nav class="wrap">
<nav> <!-- can <nav> have <
浏览 0提问于2011-04-27得票数 8
回答已采纳
1回答
我一直在寻找一个模板引擎，让用户可以轻松地在线创建课程和练习。
在Rails中，似乎是最受欢迎的。Liquid用户可以轻松创建rails表单吗？
通常，我在ERB中使用以下命令创建表单：
<%= form_for(@lesson) do |f| %>
<% if @lesson.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@lesson.errors.count, "error") %> prohib
浏览 1提问于2013-03-04得票数 4
6回答
当我在锚标签内编写html代码时，我的dreamweaver编辑器在锚标签中显示错误。不应该使用内部标签吗？有没有写/使用标签的规则？
我使用的是HTML5，这是我的代码。
浏览 3提问于2012-06-08得票数 8
4回答
我正在尝试重做一个教程，我在上一个问题中发布了链接，以获得尽可能多的HTML5和CSS3代码。我在一些在线文章中读到，在HTML5中，他们试图摆脱Div标签的想法，而是推动所谓的部分。这是一个正确的观察吗。例如，我有上面教程中的这段代码。如果我也应该在我的HTML5代码中使用标签，或者有没有比使用div更好的方法来做这件事？目前，我的HTML5代码中包含以下内容。感谢该小组的宝贵意见。
浏览 0提问于2011-05-02得票数 0
根据我所读到的(IE6-8除外)，旧版浏览器将以下HTML5标记视为内联：
文章，旁注，导航，章节，页脚
如果在现代浏览器中打开以下html：
this is the <article>article</article> tag.
它将呈现如下所示：
this is the
article
tag
为什么HTML5标签在现代浏览器中被视为块级标签，而在旧浏览器中却被内联？
我还在某处读到过，较旧的浏览器将HTML5标记视为div，这意味着块级。但是，对于较老的浏览器如何处理这些标记，我没有一个明确的答案。
浏览 0提问于2014-04-05得票数 1
2回答
在过去，我创建了一些div来充当文章的角色。现在我想把它改成HTML5标签文章.
在使用HTML元素还是使用用户创建的等效div之间是否存在重要的差异(就效率而言)？例如:如果只使用HTML元素构建页面，浏览器会更快地加载页面吗？
浏览 2提问于2011-10-28得票数 1
回答已采纳
我有一个我正在工作的网站，它使用了“旁注”标签，无论我怎么尝试，即使使用HTML5 Shiv，IE8也无法读取这些标签。所以，我想知道，如何用jQuery的其他标签替换现有的标签？
例如，如果我想要更改
<aside>
<h3></h3>
</aside>
至
<div>
<h3></h3>
</div>
如何做到这一点？
浏览 0提问于2013-04-30得票数 8
回答已采纳
只是想知道，当涉及到HTML5时，标签和id之间有什么区别？
如果您有标识，还是标识属于标签，您总是需要标签吗？
谢谢
浏览 2提问于2017-03-27得票数 2
回答已采纳
2回答
我正在用HTML5制作网页上的“关于”部分，我不太确定是使用<article>还是<section>标签。这只是一个包含一些信息的页面。对我来说，<article>标记似乎更符合逻辑，但我不确定
<h1>ABOUT</h1>
<div class="white-box">
<strong>Lorem Ipsum</strong>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum
浏览 0提问于2012-08-28得票数 1
回答已采纳
3回答
我有我的网站的youtube视频，我想在HTML5的视频标签中显示这些视频。youtube的iframe标签可以嵌入到视频标签中吗？
<div class="col-md-6">
<video class="video_link" width="320" height="240" controls="controls" id="3">
<source src="" type="video/mp4" />
&
浏览 6提问于2017-05-29得票数 2
我没有任何特别的代码-这是一个更多的讨论问题，而不仅仅是“修复我的代码”之类的事情。在HTML5中，有许多新的标签，我总是对如何正确地使用每个标签感到困惑，以及哪个标签用于什么工作。我真的想掌握它们，这样我的代码就会看起来令人印象深刻，干净，开发得很好。我所指的标签主要有：
以下是我感兴趣的4个方面：
<div>
<content>
<article>
<section>
因此，基本上-如果有任何实际的技术差异，它们是什么？如果不是-哪个用于什么特定的工作？如果您有时间，我们将非常感谢您的例子！
提前感谢！
浏览 4提问于2013-08-29得票数 0
1回答
HTML5自己处理缓冲吗？我想用视频标签来显示应用程序中用户上传的视频。据我所知，HTML5根据正在使用的浏览器客户端对视频进行缓冲，缓冲将取决于正在播放它的浏览器。HTML5“不缓冲整个视频”首先，然后播放。我的理解正确吗？
浏览 2提问于2014-09-10得票数 0
回答已采纳
我不断遇到这样的问题，每个人都有: a)希望用div包装HTML5语义标记，b)希望将类选择器应用于div，而不是语义标记。这就好像人们出于某种原因害怕将类添加到语义标签上。
例如，我经常被告知这是“不正确的”，
<body class="container">
<header class="row">
<div class="col-md-12"> ...
像这样的东西更可取，
<body>
<div class="container">
浏览 0提问于2015-01-15得票数 17
回答已采纳
你能推荐一个HTML5吗？
<figure>
<img src="path/to/image" alt="About image">
<figcaption>
<p>This is an image of something interesting.</p>
</figcaption>
</figure>
和
<section>
<!-- Content here -->
</section>
j
浏览 3提问于2011-08-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
