html DOCTYPE声明详解

最新推荐文章于 2024-04-27 21:55:17 发布
最新推荐文章于 2024-04-27 21:55:17 发布
阅读量1.1k 收藏
点赞数
分类专栏： xhtml 文章标签： html

<!DOCTYPE>声明定义

<!DOCTYPE>声明必须是HTML文档的第一行，位于<html> 标签之前。
<!DOCTYPE>声明不是 HTML 标签；它是指示Web浏览器使用哪个 HTML 版本进行编写的指令。

<!DOCTYPE>声明注意事项

<!DOCTYPE>声明没有结束标签。
<!DOCTYPE>声明对大小写不敏感。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种：
<!DOCTYPE html>

<!DOCTYPE html>作用

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat，浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。

常用的 DOCTYPE 声明

HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“>
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd“>
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN”
“http://www.w3.org/TR/html4/frameset.dtd“>
XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>
XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>

转载自：DOCTYPE声明详解

Coding-lover
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解HTML5布局和HTML5标签
01-18
一、新的文档类型声明(DTD) 文档类型声明 HTML 5的DTD声明为:     <!doctype html>     <!DOCTYPE html >等也是正确的，因为HTML语法是不区分大小写的。 在编写HTML5文档时，要求指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。 二、新增的HTML5标签 a，新增的HTML5标签-结构标签 结构标签：(块状元素) 有意义的div  <article>  标记定义一篇文章  <header>  标记定义一个页面或一个区域的头部   <nav>   标记定义导航链接  <section>  标记定义一个区域  <aside>  标
DOCTYPE元素详解 完整版
01-19
一.概述 本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧. 二.定义 DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪
HTTP工作原理及HTTP请求、响应报文解读
铭毅天下Elasticsearch
12-11 9894
一、HTTP原理 1.HTTP工作原理（实例分析）： http客户端与http服务器建立TCP连接； http客户端通过浏览器向http服务器80端口发送HTTP连接请求； 如果http服务器允许访问，则返回连接确认，双方建立HTTP连接； . http客户端发送HTTP页面请求（Http Analyzer V5分析结果） . http服务器寻找
HTTP协议请求报文与响应文本结构
mantou_riji的博客
05-12 325
文章目录http请求报文响应报文网络控制台查看通信报文 http HTTP协议：超文本传输协议，协议详细规定了浏览器和万维网服务器之间相互通信的规则。 协议是一种规则，绝大多是网页的传输都是http协议。 请求报文 请求报文：ajax通过发送请求报文来请求服务器。 请求报文格式：（4部分组成） 请求行：请求类型（GET\POST）/ URL路径（传参） / http协议的版本 请求头： Host: baidu.com Cookie: name=baidu Content-type: applic
Postman入门第一坑：提取返回值
yuanwenzhong123的博客
10-14 1056
Postman是做接口测试的，但是很多接口并不是直接就能测，有的需要一些预处理。比如说身份认证，需要传递一个token。如果做网页测试，一般打开登陆界面的时候就会生成一个token，如果返回值是json格式，用Postman从中提取值是很简单的，在Tests中输入： var jsonData =JSON.parse(responseBody);//获取body中返回的所有参数 pm.environment.set("appKey",jsonData.data.keys);//把返回参数中的keys设置
HTML文档声明写法和作用
m112233m的博客
08-03 198
在html5中，文档类型声明是DOCTYPE声明，语法为“”。DOCTYPE声明是一种标准通用标记语言的文档类型声明，通过该声明，浏览器能够了解HTML5文档正在使用的HTML规范。作用：高速浏览器当前网页的版本。最开始的地方添加这个就可以。小写也可以但大写更规范一点。
Postman接口测试
qq_40092616的博客
07-08 215
postman接口测试总结
postman响应html,postman的使用方法详解！最全面的教程
weixin_36321633的博客
06-11 4951
一 简介 Postman 是一款功能超级强大的用于发送 HTTP 请求的 Chrome插件 。做web页面开发和测试的人员应该是无人不晓无人不用！其主要特点 特点： 创建 + 测试：创建和发送任何的HTTP请求一 简介Postman是一款功能超级强大的用于发送 HTTP 请求的 Chrome插件。做web页面开发和测试的人员应该是无人不晓无人不用！其主要特点特点：创建 + 测试：创建和发送任何的...
postman测试 spring security登录返回登录html页面,不走登录流程的问题
taiguolaotu的博客
03-16 8423
今天翻到之前做的spring security的demo,在重新进行postman登录测试的时候，一直不走登录逻辑，而是返回登录的html页面。而因为前端使用Thymelef，在使用页面登录的时候，却发现能够登录成功，始终找不到原因。到最后虽然说解决了，但是解决的方法也很搞笑，即使说出来很丢人，但是也是一个法子。如果大家遇到这个问题，也是希望大家能够少走些弯路。 话不多说，直接上代码。 @Conf...
html语言声明,HTML头部声明文件类型、语言和字符集的方法
weixin_33648811的博客
06-02 388
在你每一个页面的顶端，你需要文件声明。是的，必须。如果不指定文件类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式(quirksmode)”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并且按浏览器自己的方式来处理你的代码。你能是个HTML大师，在地球上打遍天下无敌手，或你的HTML能无瑕疵，CSS能非常完美，但如果没有文件声明，或错误的文件声明，你的网页和一个短视的，...
HTML基本标签及结构详解
01-18
1.HTML概述 ...doctype html><!--!表示声明的意思。这一行代码意思：下面的文档标签将以html5进行解析--> <html> <!-头部.用来完成一个网页的相关设置-> <head> <meta charset=utf-
html入门到放弃笔记
05-15
doctype html> 2、由一对 html 根标记，来表示页面的开始与结束 Demo : 1、在 htdoc 中，创建一个网页 01-first.html 文件 创建一个 记事本，将 .txt 重命名为 .html 2、搭建HTML网页结构 1、添加 文档类型...
jQuery中Ajax的load方法详解
12-09
DOCTYPE html> <html> <head lang=”en”>  <meta charset=”UTF-8″>  <title></title> </head> <body> <input type=”button” value=”Ajax提交” onclick=”...
用html写一个旋转菜单
liulang68的博客
04-24 695
【代码】用html写一个旋转菜单。
前端三剑客 HTML+CSS+JavaScript ⑤ HTML文本标签
m0_73983707的博客
04-24 417
1.这些不常用的文本标签，编码时不必过于纠结(酌情而定，不用也行)2.blockquote和address是块级元素，其他的文本标签，都是行内元素3.有些语义感不强的标签，很少使用，例如：重要的、语义感强的标签即可；
HTML随机点名程序
m0_65992344的博客
04-22 391
HTML随机点名程序
在html中使用数学公式latex
最新发布
bigcrab的博客
04-27 210
来自 https://katex.org/docs/autorender 可以自动渲染。
html笔记 ai问答
qq_50437196的博客
04-23 471
在HTML中，`text-align: center` 属性是用来设置内联内容（比如文本或链接）在其块级容器（比如`<div>`, `<p>`, 或 `<h1>` 等）内部水平居中的。- `$("p span")`会选择所有位于`p`元素内的`span`元素，无论`span`元素嵌套在`p`元素内部的深度如何。在这个例子中，尽管 `text-align: center` 是应用在 `<h1>` 上的，但 `<span>` 作为内联元素会继承这个对齐方式，从而使得其中的文本居中。
我的学习日记html(2)
2301_78986604的博客
04-24 128
【代码】我的学习日记html(2)
doctype html public
04-11
b'doctype html public' 是 HTML 文件的文档类型声明。它告诉浏览器当前文件遵循哪个 HTML 版本的规范，并且使用了哪个 DTD（文档类型定义）。这个声明必须放在 HTML 文件的开头。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值