DOCTYPE与head

最新推荐文章于 2025-12-06 19:48:00 发布
原创 最新推荐文章于 2025-12-06 19:48:00 发布 · 100 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

 1.版本号

<!DOCTYPE>

DOCTYPE模式：

                  Transitional:过渡模式

                  Strict:严格模式

                  FramSet:框架集

2.head标签

                   

标签：网页的标题

                  标签：原信息 

         设置编码方式：

<meta charset="utf-8">

        常用的三种编码方式有： utf-8国际编码        gb2312简体        gbk中文编码

【前端H5】html的外层结构（Html，DOCTYPE），元数据（head），内容和父元素、子元素等基础概念
qq_36417530的博客
05-25 1080
外层结构 html文档的外层结构由两个元素确定：DOCTYPE、html DOCTYPE：让浏览器明白其处理的是html文档。 html：它告诉浏览器，从<html>到</html>，所有的元素内容都应作为html处理。 <!DOCTYPE HTML> <html> … </html> 元数据 写在head元素之中的代码是元数据。元数据部分可以给浏览器提供文档的一些信息。 比如 编码格式 本文档引用了哪些外部资源（比如CSS样式表） 定义
HTML-head头部浅析
夏虫不可语冰
05-25 4286
HTML结构 在sublime或HBuildr新建HTML文件，输入html:5,按下tab键后，自动生成的代码大致如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title
HTML＜!DOCTYPE＞声明
SXP0018的博客
01-14 1086
在较旧的文档（HTML 4或XHTML）中，声明更为复杂，因为声明必须引用DTD（文档类型定义）。声明不是HTML标签。它是向浏览器提供的有关预期文档类型的“信息”。所有HTML文档都必须以<
html标签的类型（head， body，Doctype） 他们的作用是什么
weixin_55014951的博客
04-02 997
<head>: 用来存放头部元素,例如:<title>,<script>,<link>,<meta>等等 <body>: 文档的主体部分,用户可见的文本,图片,音频,视频等都是放在这里 <!Doctype>:(标题处不能加!,注意这里是需要!的) 放在文件的第一行,在<html>之前 <!DOCTYPE> 不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编
＜!DOCTYPE html＞ 标签详解
LanJason的博客
09-28 2090
DOCTYPE是 Document Type Declaration（文档类型声明）的缩写。它的主要作用是让浏览器知道该如何解析 HTML 文档的内容。如果不声明DOCTYPE，浏览器可能会进入怪异模式（quirks mode），这会影响页面的正常显示和渲染。
HTML基础之head标签以及其下的标签和属性
u011863822的博客
12-08 7606
上一篇聊了一些HTML的发展历史，以及HTML的规范，现在聊一些基本的标签，以及标签的意义。 其实HTML有标签的同时，还有一些标签上的属性，其也会让标签的形式的变得多种多样。两者再下面代码演示的时候会同时说，这样更好的理解。 一直说html标签时HTML的根节点，其上面也有属性。 <!DOCTYPE html> <html lang="en"> <head> </head> <body> 网页内容 </body> </html
< doctype html> 语法错误,<!DOCTYPE html> - syntax error
weixin_31985599的博客
06-15 3109
why in the world I'm a getting a syntax error from ?PortfolioSyntax errorFile "/Volumes/postergren_projectDrive/Projekt/programmingSandbox/Udacity/Intro to HTML and CSS/startBlock/portfolio/toplist/in...
精读HTML文件——head篇
2401_87603544的博客
11-08 5293
首先，<meta>标签是卸载html文件的<head>标签下的，它的内容不会在页面上显示，不过会被浏览器的渲染器识别并执行，这段代码viewport就是一个视图接口，即网站展现在用户面前的样子,width=device-width,就是网页的宽度随着设备的宽度改变而改变，initial-scale=1,是为了优化网页的视觉效果，确保网页在加载的过程中，不会被缩放。3、<meta charset="UTF-8" />这段代码很明显，就是定义编码格式，html代码用UTF-8的形式呈现在网页上。
HTML捋一捋，简介 <！doctype html>,head 标签介绍
weixin_30525825的博客
10-01 2398
1 HTML文件是什么 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm 2 HTML文件的作用 　　HTML语言写好的文件是给浏览器读...
HTML中<!DOCTYPE>作用及用法详解
Judian6974的博客
08-02 5573
一、什么是DTD       DTD（document type definition），文档类型定义。可定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。通过DTD，每一个xml文件均可携带一个有关其自身格式的描述。 内部的DOCTYPE声明       eg：      【 所以说，DOCTYPE是DTD的一个 在文档内的 声明形式。】 外部的DOCT
DOCTYPE类型详细介绍
09-28
我们在HTML里面声明DOCTYPE一般会有以下几种：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE ...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
标题中的"-doctype-html-html-lang-en-dir-ltr-head-meta-name"是一个HTML文档的声明部分，它在HTML5中通常表示文档类型。这个特定的声明没有使用完整的语法，而是以破折号分隔各个部分，看起来像是某种简写或示例。...
HTML <!DOCTYPE> 标签
10-25
在不同的浏览器中，如果没有声明DOCTYPE，页面可能会在不同的渲染模式下显示，导致布局和样式差异。例如，Firefox（FF）和Internet Explorer（IE）在默认情况下对非DOCTYPE声明的HTML有不同的解释。因此，为了避免...
js放到head中失效的原因与解决方法
01-19
DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title> new ...
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat:GitHub隐私声明-GitHub Docs <title> <meta name =“ viewport” content =“ width = device-width，initial-scale = 1”> <link rel =“ alternate icon” type =“ imagepng” href =“ a
03-24
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat <！doctype html> <html lang =“ zh-CN”> <head> <meta charset =“ utf-8” /> <title> GitHub隐私...
使用 HTML + JavaScript 实现手写签名功能
QQ26843500的博客
12-04 876
本文介绍了一个基于HTML5 Canvas实现的手写签名网页应用。该应用主要功能包括： 提供米字格背景和范字（"海纳百川"）作为书写参考 支持鼠标和触摸屏两种书写方式 包含清空画布和下载签名图片两个功能按钮 技术实现上使用双Canvas叠加方案，底层Canvas绘制米字格和范字作为引导层，上层Canvas实现手写功能。通过JavaScript事件监听实现笔迹追踪，采用贝塞尔曲线平滑处理书写轨迹。响应式设计适配不同设备，并提供PNG格式的签名下载功能。整体界面简洁，采用蓝色标题栏和白色书写
HTML DOM 对象
wjs2024的博客
12-02 471
DOM（Document Object Model）是一种抽象的模型，用于表示 HTML 和 XML 文档。通过 DOM，开发者可以访问和操作文档中的任何元素，如文本、图像、链接等。DOM 对象化地表示了网页的结构，使得开发者可以像操作对象一样操作网页内容。HTML DOM 对象是网页设计和开发的基础，掌握 DOM 对象的基本概念、常用方法和实际应用，将有助于提高开发效率和代码质量。本文对 HTML DOM 对象进行了简要介绍，希望对您有所帮助。
HTML 基础
wjs2024的博客
12-02 356
HTML是构建网页和网站的基础，掌握HTML基础知识对于成为一名优秀的网页开发者至关重要。本篇文章为您介绍了HTML的发展历程、基本结构、常用标签以及一些高级特性。希望您能够通过学习，更好地掌握HTML，为您的网页开发之路打下坚实的基础。
前端html(3)
最新发布
踢球的IT男，就是分享一些小东西！互相学习，共同进步！
12-06 421
注：表格相关的元素很多，我们这里整理一下：caption:用来设置表格标题；thead:表示表格的头部区域；th:表示表格的头部中的一个列；tbody:表示表格的中间主要显示区域；tr:表示表格的一个行；td:表示表格的和个列；tfoot:设置表格的脚部；colspan:表示横跨几列；
<DOCTYPE> <html> <head>
08-02
### 作用 `<!DOCTYPE>` 声明的作用是告诉浏览器文档所使用的 HTML 或 XHTML 版本，以便浏览器能够以正确的方式解析和渲染文档内容。在 HTML 4.01 中，`<!DOCTYPE>` 声明引用了一个文档类型定义（DTD），因为 HTML 4.01 基于 SGML，而 DTD 规定了文档的结构和合法元素，确保文档的标准化和一致性。相比之下，HTML5 不基于 SGML，因此不需要引用 DTD[^2]。 ### 用法 `<!DOCTYPE>` 声明必须位于 HTML 文档的第一行，位于 `<html>` 标签之前。它对大小写不敏感，可以在文档中使用任何形式的大小写书写。例如，在 HTML5 中，最简单的 `<!DOCTYPE>` 声明如下： ```html <!DOCTYPE html> ``` 对于 XHTML 1.0 Strict，声明可能如下： ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ``` 而对于 XHTML 1.1，声明可能如下： ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> ``` 如果文档不定义 `<!DOCTYPE>`，浏览器将无法获知文档类型，可能会进入“混杂模式”（quirks mode），这可能导致页面渲染不一致[^3]。 ### 选择合适的 DOCTYPE 选择合适的 `<!DOCTYPE>` 是确保文档正确解析的关键。例如，如果文档遵循 XHTML 1.0 Strict 标准，则应使用相应的 DTD 引用。另一方面，如果文档使用的是 HTML5，则应使用简单的 `<!DOCTYPE html>` 声明，因为它不需要引用 DTD[^2]。 此外，如果文档使用的是 HTML 4.01 Transitional，则 `<!DOCTYPE>` 声明可能如下： ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ``` 这种类型的 `<!DOCTYPE>` 允许使用一些不被 W3C 推荐的标签（如 `<font>` 和 `<b>`），但不支持框架[^3]。 ### 示例 以下是一个完整的 HTML5 文档结构示例，展示了 `<!DOCTYPE>` 声明的用法： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML5 文档结构示例</title> </head> <body> <h1>欢迎来到 HTML5 示例页面</h1> <p>这是一个简单的 HTML5 页面结构。</p> </body> </html> ``` ### 注意事项 - `<!DOCTYPE>` 声明必须是文档的第一行，不能有任何内容在其之前。 - 确保 `<!DOCTYPE>` 与文档所遵循的标准对应，以避免浏览器解析错误。 - 在 HTML5 中，`<!DOCTYPE>` 声明不需要引用 DTD，因此更加简洁。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值