将<div>元素放在<head>标记中是不是很糟糕？

将<div>元素放在<head>标记中是不合适的。

<head>标记用于定义文档的头部，包含了一些元数据和链接引用，例如文档的标题、样式表、脚本等。而<div>元素是用于定义HTML文档中的一个区块或容器，用于组织和布局内容。

将<div>元素放在<head>标记中是不符合HTML规范的，因为<head>标记只应包含与文档头部相关的元素，而<div>元素是用于定义文档的内容部分。

正确的做法是将<div>元素放在<body>标记中，作为文档的内容部分的一部分。例如，可以将<div>用于创建一个容器，然后在其中放置其他HTML元素，如文本、图像、表格等。

总结：

将<div>元素放在<head>标记中是不合适的。
<head>标记用于定义文档的头部，包含了一些元数据和链接引用。
<div>元素是用于定义HTML文档中的一个区块或容器，用于组织和布局内容。
正确的做法是将<div>元素放在<body>标记中，作为文档的内容部分的一部分。

相关·内容

HTML5_自己写的第一个html5页面

43 44 45 46 在上面的例子中，我为所有DIV标记增加了ID，相信大多数Web设计师都很熟悉这种做法了...49 50 ◆ 51 52 这个标记计划用来描述一节或一个完整Web页面的介绍性信息，标记可以包括所有的通常放在页面头部的标志，如果你在页面中使用了<div...53 54 ◆ 55 56 这个元素的含义就不说了，你的导航元素就放在这里，如主站点导航，但在某些情况下也可能有页面导航元素，HTML 5的创建人WHATWG最近修改了...57 58 简单说来，如果你在页面中使用了标记来容纳导航元素，那么你可以使用进行替换。...63 64 在我们上面的例子中，标记为“content”的DIV是section的一个很好候选者，在这个section中，根据内容的不同，我们可能有更多的section。

7502 1

不懂CSS的后端难道就不是好程序猿？

style=""）》 ID样式(用id=标识)》类别样式（class=""）》标记样式（写在head中或css文件中）　　标准的写法当然是将样式统一写在css的文件中方便复用管理，页面中尽量不要写样式...（看到一锅粥的页面你是不是会有一种看到大海的感觉……）那怎么定位到我想到的元素呢？...CSS选择器出场一.基本CSS选择器有标记选择器、类别选择器、ID选择器3种：　　1.标记选择器　　每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,div等等　　...，内层的标记写在后面，之间用空格分隔，当标记发生嵌套时，内层的标记就成为外层标记的后代了　　举个栗子：后代选择器 span{color:blue;} 有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

9069 0

JQuery 入门学习(一)

1.6K1 1

bootstrap笔记（一）——布局容器和排版样式

-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> 你好一般习惯于把引用的jquery.js 和 boostrap.js 标签中，bootstrap.css放在标题标记标题标记标题标记我是行内元素我是行内元素 ?...在容器中设置样式，元素没有换行 ?

1K2 0

user-modify跟style标签可真是天生一对?

[5531211-b71cbd48561dd566.jpg] 前来挖墙脚的是html中的contenteditable，他是一个全局属性，可以大致理解为"可以使一个元素处于可编辑状态"，像极了textarea...乍一看，好像很普通，但是它可以解决一个textarea的一个痛点，那就是可以自适应高度，textarea可不行 ❕ 正文假如......把该属性加在style元素上呢?，是不是就可以在页面上直接编写样式并且自带"热更新"？...> 然后激动的切到页面上看效果，发现空空如也： [1240] 经过一番研究，想要在页面上编辑style元素，必须要满足以下两点： style元素必须放在body元素内 style元素要设置...，那就是代码无法换行，因为回车后，内容会新增div元素，破坏了原有的文本结构: [strip] [1240] 解决网上冲浪查资料后，发现了一个css属性 - user-modify，可取值为以下四个：

5734 0

contenteditable跟style标签可真是天生一对

乍一看，好像很普通，但是它可以解决一个textarea的一个痛点，那就是可以自适应高度，textarea可不行 ❕ 正菜假如... 把该属性加在style元素上呢?...，是不是就可以在页面上直接编写样式并且自带"热更新"？...> 然后激动的切到页面上看效果，发现空空如也： ?...经过一番研究，想要在页面上编辑style元素，必须要满足以下两点： style元素必须放在body元素内 style元素要设置display: block; 于是代码变成了这样： <style...缺点存在的缺点很明显，我也很刻意的去避开，那就是代码无法换行，因为回车后，内容会新增div元素，破坏了原有的文本结构: ? ?

1.7K2 1

CSS和网络性能

>中的标记中，并从这里异步加载剩余的样式表。...Firefox和IE / Edge：将@import放在HTML中的JS和CSS之前在Firefox和IE / Edge中，Preload Scanner似乎没有使用或...>元素存在于DOM中。...将放在中这个最终策略是一个相对较新的策略，对感知性能和渐进式渲染有很大好处。它也非常友好。...在HTTP / 1.1中，我们将所有样式连接到一个主要包中是很典型的。我们称之为app.css： <!

1.3K3 0

分享 15 个 HTML 新特性，大多数人可能不知道，建议尽早使用上

是的，当然，让我们从 HTML 中您可能不知道的 15 个功能的基础开始，它们将帮助您轻松实现友好的 UI。事不宜迟，我们开始学习吧！...1、内容可编辑属性 contenteditable 是可以在元素上设置以使内容可编辑的属性。它适用于 DIV、P、UL 等元素。...如果一个元素在其上指定了隐藏，它将被隐藏。我碰巧有用于存储值的隐藏输入，所以如果您也需要它，请不要吃惊。 ...... 14、Time 标签标记定义特定时间（或日期时间）。...该元素的 datetime 属性用于将时间转换为机器可读的格式，以便浏览器可以提供通过用户日历添加日期提醒，搜索引擎可以产生更智能的搜索结果。

5903 0

让div水平垂直居中的几种方法

使用 CSS 实现水平居中很容易，但要实现垂直居中并不容易。而且有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的几种不同方法，以及它们各自的优缺点。...缺点： Internet Explorer(甚至 IE8 beta)中无效，许多嵌套标签(其实没那么糟糕，另一个专题).... 优点：在各种浏览器中兼容性都非常好，ie6和7中有间距问题缺点：很容易影响其他的布局...元素外插入一个 div。...缺点： IE(IE8 beta)中无效无足够空间时，content 被截断，但是不会有滚动条出现如何让文本水平垂直居中 css居中属性

2.1K2 0

HTML标记语法总结

三、HTML主要标记解析 1.html标签和用来标识网页文件的开始和结束，所有的html都必须放在这对html标记中。...2.head标签和用来标识网页文件的头部信息的开始和结束，如标题、搜索引擎关键字、页面编码类型等等。...3.meta标签元素位于文档的heand标签中，不包含任何内容，它的属性定义了与文档相关联的名称/值对，可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词...四、HTML中的特殊字符　　　　　© ：表示版权号　　　　® ：表示注册商标五、部分HTML元素详解　　1.span和div的区别：　　　　span只是将内容逻辑上包在一起，不改变原样式，可以不是一个规矩的块...，不影响布局；而div也将内容包在一起放在一个矩形中，但是会改变原来的样式，永远成一个块状，会影响布局

1.8K2 0

CSS 定位和层叠上下文

如果把它改成其他值，就说元素就被定位了。而如果元素使用了静态定位，那么就说它未被定位。布局方法是用各种操作来控制文档流的行为。定位则不同：它将元素彻底从文档流中移走。它允许将元素放在屏幕的任意位置。...还可以将一个元素放在另一个元素的前面或后面，彼此重叠。 # 固定定位给一个元素设置 position: fixed 就能将元素放在视口的任意位置。...改变固定定位元素的标记位置不会产生不好的影响，但是对相对定位或绝对定位的元素来说，通常无法用改变标记位置的方法解决层叠问题。相对定位依赖于文档流，绝对定位元素依赖于它的定位祖先节点。...如果你使用预处理器，比如 LESS 或 SASS，或者支持的所有浏览器都支持自定义属性，就能很方便地处理这个问题。将所有的 z-index 都定义为变量放到同一个地方。...然后给它设置 z-idnex，将整个层叠上下文向前或者向后放。还要注意多个层叠上下文嵌套的情况。网页很复杂时，很难判断是哪个层叠上下文导致的问题。

1.4K2 0

关于Html与css的一些解释

一、简单介绍 1、html，是hyper text markup language的缩写，中文为“超文本标记语言”。 2、html不是编程语言而是一种标记语言。...2、在head里你可以插入脚本（script）、样式文件（css）还有各种meta信息 3、网页的标题，永远放在head中。...16、定义文档区块,是块级元素用于对文档中的行内元素进行组合 17、块级元素与内联元素的区别：块级元素始终一个元素一行，不管他的宽度为多少，都不可能有其他元素与他在同一行...故相div内部的元素相对于整个网页居中（2）margin:auto;这个用法很常见，但是又特定要求，就是一定要给你想要居中的元素一个宽度值（百分比也好固定宽度也好）原理：浏览器解析时会自动给有宽度的元素左右两边赋予相等的外边距...大家可以把他想象成空气，而其他未设置为浮动的元素则想象成方块石头，石头挡得住空气，而空气挡不住石头。童鞋们自己试试，从而领悟出其他元素与浮动元素在网页中的关系。

1.4K12 0

3.CSS优先级-CSS进阶

"> “ 最近的祖先元素 ”获胜 </body...在本例中，我们所针对的当前元素是 strong，然而“# outer inner{}”针对的元素是p( strong的祖先元素)并不是 strong 准确来说，如果当前元素为 strong，那么“#...在继承样式中，我们是不能用选择器权重这一套东西来计算的。进而总结如下： Ⅱ.总结在CSS中，选择器权重的计算只针对指定样式(当前元素)，并不能用于继承样式。...important来覆盖那些糟糕的行内样式。 Ⅰ.例比如说：有人在jQuery中写了不尽如人意的行内样式，而你需要在CSS文件中修改这些样式。...important可以将样式提升到最高级，不管这个样式是在哪个选择器中。如果在同一样式中出现了多个!important，则遵循后来者居上原则。

5562 1

HTML——学习笔记

HTML不是一种编程语言，它是一种超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签(Markup tag)，浏览器通过HTML标记标签来构造描述我们访问的网页...:html元素，包裹整个页面的代码，所以被叫做顶级元素或者根元素，html元素内，只能包含head元素和body元素：head元素，页面通用信息通常放在...4、深入了解head元素元素用于定义网页的常规信息和元数据，虽然在网页中不可见，但是也是非常的重要。...（一般都设置为最新模式，在各大框架中这个设置也很常见。）...一个以block形式展现的块级元素不会被嵌套进行内元素中，但可以嵌套在其它块级元素中，如(p、div、hn、ul、ol、li)。

9391 0

1.HTML基础知识-HTML进阶

HTML5中增加了部分标签，而且还增加了canvans、SVG、WebSocket、本地存储等技术，这些技术都是使用JavaScript操作的，这使得HTML从一门“标记语言”转变为一门“编程语言”。...1.二者区别（1）div是块元素 div 是块元素，可包含任何块元素和行内元素，不会与其它元素位于同一行； span 是行内元素，可以与其它行内元素位于同一行。...当前它行内元素都不适合的时候，可以用 span 配合 CSS 操作。（3）示例 ① 例1 将一个段落中的 ”見贤思齊人生若只如初见“ 前面 4 个字，进行加粗或改变颜色。 <span style="color: #00FFFF;font-weight:...我们可以为同一个页面<em>中</em>的相同<em>元素</em>或不同<em>元素</em>设置相同的 class，然后通过CSS使得相同class的<em>元素</em>具有相同的样式。

9482 0

DMO节点内部插入的常用方法与区别

1.DOM内部插入append()与appendTo() 动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？...选择器描述 append() 向每个匹配的元素内部追加内容或追加子节点 appendTo() 把所有匹配的元素追加到另一个指定的元素集合中 append：这个操作与对指定的元素执行原生的appendChild...bt2").on('click', function() { //.appendTo()刚好相反，内容在方法前面， //无论是一个选择器表达式或创建作为标记上的标记...的使用及区别： .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能...appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

1.2K0 0

HTML基础

Markup Language, 超文本标记语言)，用于构建网页基本结构及其内容的标记语言超文本：文本中包含指向其他文本的链接标记语言：将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码...:根元素，包含整个页面的内容 3. :对用户不可见，包含面向搜索引擎的关键字、页面描述、字符编码声明、CSS样式等。 4.... section 标签按主题将内容分组，通常会有标题 section 标签通常出现在文档的大纲中不要把 section 作为普通容器使用，例如，用来梅花片段样式时...引用自下面的链接 H5 中 section 和 article 和 div 的区别 aside 标签主要有两种用法包含在 article 元素中作为主要内容的附属部分，其中的内容可以是与文章有关的相关资料...，就选择 img 元素中的图像。

1.5K2 0

3.列表-HTML基础

--必须放在title标签及其它meta标签前--> 华夏人生若只如初见华夏人生若只如初见...Ⅱ.文本不能直接放在ul元素内当时只道是寻常一蓑烟雨任平生 # 这样写是错误的，文本不能直接放在ul元素内。...比如说： p标签：表示 paragraph，标记的是一个段落。 h1标签：表示header1，标记的是一个最高级的标题。 div 和 span 是无语义的标签，应优先使用其它有语义的标签。

1.8K1 0

提高页面的加载速度的几个小技巧

为你的页面元素选择正确的加载顺序你的页面中部分中的所有元素都需要以正确的方式预加载。用户在你的网站上看到任何内容之前，所有这些元素都必须按顺序加载。...通过优化页面加载元素，可以大大的加快页面加载的速度。虽然优化页面加载元素非常耗时，但这种付出还是很值得的。服务器性能可能会导致页面加载问题只要有人点击你的网站，它就会激活从服务器开始的一系列事件。...所以将 JavaScript 代码放在主 HTML 代码之后可以加快页面加载速度。...此代码可让你更好地理解异步标记的功能： 1 2 3 4 5 <body...这些重复的元素也可以用归档字典中的小符号进行替换。剩下的最终代码将不会那么笨重，并且完全针对性能进行了优化。

9844 0

【网页搭建基石】：揭秘HTML标签的魔法世界

一、基础标签 HTML实体符号手册 1.认识HTML HTML是Hyper Text Markup Language(超文本标记语言)的缩写，是构成Web页面的基本元素 HTML不是一种编程语言，而是一种描述性的标记语言...--所有网页最大的结构网页中所有的标签存放在html标签中--> <!...更多meta的作用可在对前端有一定了解后自行探索 ☔div标签 div标签用于将文档划分为独立的、不同的部分，从而构成一个完整的网页。...网页的主体骨架一般由div标签搭建（HTML5标准中有很多新标签也可代替div搭建骨架），每一个单独的div模块中也可继续用div搭建局部的骨架。 Tip：结合英文单词更好理解哦！...p段落标签 p标签中通常用来放置一段文字。终点注意：p标签中不可以放div标签(任意块标签)，这会导致在浏览器中p标签被分隔成两个。

1041 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云