html标签的类型 (head,body,!Doctype)他们的作用是什么

原创已于 2023-01-12 21:09:07 修改 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-01-12 21:08:31 首次发布

DOCTYPE声明定义了HTML版本，head包含如<title>、<meta>等不展示给读者的头部信息，body则包含文档的主体内容，如文字、图片等。这些元素共同构成了网页结构，并可使用全局属性和事件属性进行更详细的功能设定。

!DOCTYPE 标签：

它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.

head：

是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者

该标签下所包含的部分可加入的标签有<title>,<base>,<link>,<style>和<meta>

body :

用于定义文档的主体, 包含了文档的所有内容

该标签支持 html 的全局属性和事件属性.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ZFDEXX

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML 基础标签——结构化标签＜html＞、＜head＞、＜body＞

Allen-

11-01

1645

在 HTML 文档中，使用特定的结构标签可以有效地组织和管理网页内容。这些标签不仅有助于浏览器正确解析和渲染页面，还能提高网页的可访问性和搜索引擎优化（SEO）。以下是几个重要的 HTML 文档结构标签的详细介绍，包括它们的作用、常见用法和最佳实践。在之前的文章中，我们有提到过标签以及标签、标签，他们是 HTML 的基本结构元素，同时也属于文档结构标签。在本文中除了这几个标签之外，还主要讲了两个重要的标签：和

参与评论您还未登录，请先登录后发表或查看评论

HTML5+CSS3[VSCode开发者工具、html标签、head标签、body标签、meta标签](一)-全面详解（学习总结---从入门到深化）

02-02

2320

本阶段为基础阶段，主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用，熟悉布局的搭建结构。合理运行对应标签实现试图效果，是本阶段必须要掌握的知识，为接下来的学习奠定基础。

html标签的类型（head， body，Doctype）他们的作用是什么

weixin_55014951的博客

04-02

997

<head>: 用来存放头部元素,例如:<title>,<script>,<link>,<meta>等等 <body>: 文档的主体部分,用户可见的文本,图片,音频,视频等都是放在这里 <!Doctype>:(标题处不能加!,注意这里是需要!的) 放在文件的第一行,在<html>之前 <!DOCTYPE> 不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编

HTML标签的类型（head， body，！Doctype）他们的作用是什么?

qq_52980904的博客

03-20

675

文档类型声明（Document Type Declaration），用于定义文档类型。它告诉浏览器所加载的页面采用哪种HTML版本和规范，以便浏览器能够正确地解析和渲染页面。HTML文档的头部部分，包含元信息和其他配置，不会在页面中直接显示给用户。该标签下所包含有页面的元信息（如。HTML文档的主体部分，包含实际显示给用户的内容。如文本、图像、链接、表单等。标签中的内容将在浏览器中呈现给用户，并构成了网页的主要内容。是 HTML5 的文档类型声明。（SEO）相关的标签（如。标签）、外部资源的链接等。

前端工程师-----HTML篇（引用牛客）

qq_51066068的博客

07-03

420

伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的。例如：当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般css相似，可以为已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式，所以称为伪类。...

前端总复习——html篇

weixin_47450807的博客

04-29

689

1、html标签的类型(head, body, !Doctype)他们的作用是什么？ !DOCTYPE标签: 他是指示web浏览器关于页面使用哪个html版本进行编写的指令。 head: 是所有头部元素的容器，绝大多数头部标签的内容不会显示给读者。 body: 用于定义文档的主体，包含了文档的所有内容该标签支持html的全局属性和事件属性。 2、h5新特性 1、新增选择器document.querySelector，document.querySelectorAll 2、拖拽释放（Drag a

css为什么要放在head标签中

01-18

思考: css为什么要放在head标签中, 而不能像javascript一样置于body标签尾部? Talk is cheap, show me the code. OK, 那我们通过写一些代码来得出结果在这里先说chrome控制台的一个小技巧: 限制download速度对...

使用html制作一个计算器

c__z__m的博客

02-06

1530

`计算器.html` 是一个简单计算器的HTML页面。样式上采用flex布局使计算器居中，有相应输入框、按钮样式及媒体查询适配。内容包含输入框和按行排列的按钮，各按钮点击调用不同函数。脚本部分定义全局变量存储输入和操作符，有追加数字、设置操作符、计算、清空显示、更新显示等功能函数。

前端工程师养成-笔记01（html，head，body，div，p，a标签）

weixin_46497661的博客

04-14

1458

html和css 一、html基础描述 html是超文本标记语言，其中html最基本的标签为：注：是html语言的注释，类似/**/ <!doctype html> <html> <head> </head> <bod

HTML文件里开头的!Doctype有什么作用？

热门推荐

天心天地生的博客

09-05

2万+

每个 HTML 文件里开头都有个很重要的东西<!DOCTYPE html>,DOCTYPE是document type的简写，它并不是 HTML 标签，也没有结束标签，它是一种标记语言的文档类型声明，即告诉浏览器当前 HTML 是用什么版本编写的。一. 背景介绍什么是DOCTYPE? DOCTYPE是document type的简写，它并不是 HTML 标签，...

总结面试问道的一些面试题（持续更新）

weixin_43358143的博客

09-15

320

项目里如何实现自适应？媒体查询设置标签头：<meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> ①width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。 ②he...

HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签

leon9dragon的博客

01-03

1983

一个最基本的html文件, 必须包含 html, head 和 body 三个标签以及 !doctype 声明

HTML中的head和body标签及作用

sinat_40775402的博客

08-26

1万+

head标签 head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分 <title>、<meta>、<link>、<style>、<script>。应该把 <head>

前端面试题---html/css

weixin_44501366的博客

10-07

1428

!DOCTYPE 标签：head：body:base:可以用来统一设置当前页面上的超链接的跳转方式< base >标签为页面上的所有链接规定默认地址或默认目标使用了 < base > 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。使用< base >标签可以改变这一点。浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。这其中包括 < a >、< img >、< li

前端基础面试题1

Jason_HeSL的博客

06-08

152

HTML中标签的类型，他们的作用分别是什么样的！DOCTYPE： !DOCTYPE与body、head一样，都属于标签属性。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 head： 1、它是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者。 2、该标签下所包含的部分可加入的标签有 <base>，<link>, <meta>, <script>, <style>和<title>。 bod

React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用

m0_61998604的博客

12-04

1132

本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd

50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）

HIT_Weston的博客

12-04

1357

本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git

前端仿真驱动创新：西门子FLOEFD的行业价值与应用指南

最新发布

anscos的博客

12-05

1206

西门子Simcenter FLOEFD作为嵌入CAD的CFD解决方案，精准击中了现代研发“高效迭代、精准预判”的核心需求，其技术革新与应用实践为多行业带来了研发模式的重构，成为高端装备设计不可或缺的核心工具。西门子FLOEFD以“CAD原生、智能高效、多场协同”为核心，打破了设计与仿真的壁垒，尤其适配新能源、电子、增材制造等快速迭代的行业。其价值不仅在于缩短研发周期、降低试验成本，更在于推动工程师将“仿真思维”融入设计全流程，实现从“经验驱动”到“数据驱动”的转型。

为什么需要写这个<!DOCTYPE html>

06-06

### DOCTYPE 声明的作用及重要性在 HTML 文件中，`<!DOCTYPE html>` 声明是必不可少的一部分。它并非 HTML 标签，而是用于指示浏览器以何种文档类型解析页面的指令[^5]。此声明必须位于 HTML 文档的第一行，且位于 `<html>` 标签之前[^5]。 #### 1. DOCTYPE 的主要作用 DOCTYPE 声明的主要作用是定义 HTML 文档的类型和版本。在现代 HTML5 中，DOCTYPE 声明简化为 `<!DOCTYPE html>`，这告诉浏览器当前文档遵循的是 HTML5 规范[^2]。通过明确指定文档类型，浏览器能够选择正确的渲染模式来显示网页内容。如果没有 DOCTYPE 声明或声明不正确，浏览器可能会进入“怪异模式”（Quirks Mode），从而导致页面布局和样式出现问题[^4]。 #### 2. DOCTYPE 的重要性 - **确保跨浏览器一致性**：正确的 DOCTYPE 声明有助于浏览器以标准模式解析文档，从而减少因浏览器兼容性问题导致的布局差异[^3]。 - **支持现代 HTML 和 CSS 功能**：HTML5 的 DOCTYPE 声明允许开发者使用最新的 HTML 和 CSS 特性，而无需担心旧版浏览器的限制[^1]。 - **避免怪异模式**：如果缺少 DOCTYPE 声明，浏览器可能无法正确解析文档结构，进而影响页面的显示效果[^5]。以下是一个包含 DOCTYPE 声明的标准 HTML5 文档示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Hello, World!</h1> </body> </html> ``` #### 3. DOCTYPE 在不同 HTML 版本中的演变在 HTML 4.01 中，存在三种 DOCTYPE 声明形式：Strict、Transitional 和 Frameset。每种形式对应不同的文档规范要求。而在 HTML5 中，为了简化开发过程并提高兼容性，统一采用了单一的 DOCTYPE 声明形式 `<!DOCTYPE html>`[^2]。 ###