<!DOCTYPE html>的内容讲解

最新推荐文章于 2023-01-17 09:55:00 发布
最新推荐文章于 2023-01-17 09:55:00 发布
阅读量1k 收藏
点赞数
分类专栏： 前台那些事 
这是一个申明.申明此网页遵循W3C所制定的DTD规则.
W3C是一个万维网联盟.主要作用是规范各种制作网站所用的工具.比如HTML,CSS,JAVASCRIPT等等.
而DTD只是W3C对网页的HTML文件规范的一种.
W3C没有对HTML文件的解析做标准之前,各种浏览器对同一个网页文件的解析千差万别.为了避免这样的事,W3C就提出了规范.

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

HTML
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

HTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">XHTML
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

XHTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD
当您希望使用框架时，请使用此 DTD！

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档，您可以把您的 XHTML 页面链接到一个 XHTML 验证器。
流浪若相惜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python爬虫Scrapy(一)-我爬了boss数据
11-24
Python，使用Scrapy爬取Boss直聘数据。 资源讲解地址：https://www.cnblogs.com/swarmbees/p/10011898.html
xss漏洞1-9关
G208_522的博客
11-20 3055
第一关 没有可以输入的表单，直接在url中拼接 <script>alert('xss')</script> 源码展示 <!DOCTYPE html><!--STATUS OK--><html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script> window.alert = function()
爬虫显示 <!DOCTYPE html> <!--STATUS OK--><html> <head><meta http-equiv=content-type content=text/html;ch...
weixin_42604188的博客
01-17 1762
这是一段网页代码, 其中包含了 HTML 标签和CSS样式, 网页的标题为 "百度一下，你就知道" 。
爬虫手册02 Requests的使用
weixin_40743639的博客
02-13 1075
列举Requests常用的功能，方便查阅。
http协议及状态码
LIULIUAINI66的博客
07-10 1832
HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写，是一种用于分布式、协作式和超媒体信息系统的应用层协议，是因特网上应用最为广泛的一种网络传输协议，所有的 WWW 文件都必须遵守这个标准。HTTP 是为 Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他目的。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即we
html文件剖析 - mdn学习
可厉害了的Fiona的博客
07-21 946
html文档剖析
HTML表格布局实例讲解
12-13
但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 <div> 或 表格（<table>）来布局 Web 页面的内容。 使用表格进行...
PHP html_entity_decode()函数讲解
12-20
DOCTYPE html> <html> <body> <:copyright: W3CSçh°°¦§> </body> </html> 上面代码的浏览器输出如下： <:copyright: W3CSçh°°¦§> 定义和用法 html_entity_decode() 函数...
Web前端基础：HTML5技术介绍.pptx
05-06
所有的HTML文档都遵循由W3C规定的HTML规范。 在文档的第一行可能出现这样的一句DTD引用语句，这句语句说明了HTML遵循了W3C的标准。...DOCTYPE>、<html>、<head>、<title>和<body>等HTML基本标记。;THANK YOU!
vue组件watch属性实例讲解
12-29
doctype html> <html> <head> <meta charset=UTF-8> <title>wacth属性</title> [removed][removed] </head> <body> <div id=container> <p>{{msg}}</p> <my></...
第一个Python爬虫程序丨Python基础实战系列(1)
阿星的Python技术分享博客
05-08 2543
来跟着阿星做出你的第一个Python爬虫程序吧！使用 Python 内置的 urllib 库获取网页的 html 信息。在学Python爬虫？那你真得进来看看~【内有福利+1】
HTML实现倒计时跳转
obcy
10-04 2283
<!doctype html> <html lang="zh"><!-- TODO(dbeam): dir="ltr"? --> <!-- Copyright 2015 The Chromium Authors. All rights reserved. Use of this source code is governed by a BSD...
!DOCTYPE html 的作用
态度决定一切
06-04 1万+
1.定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器； 2.作用： 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 ...
聊html——应该先说DOCTYPE(用法详解)
小狼驿站
06-14 3106
小记 假如面试官让你谈谈html，我觉得他首先想要了解的应该是你对doctype的理解。（貌似当时I’not get the point) 一、定义描述 在MDN上，对于Doctype有这样一段描述： informs the browser which version of HTML (or XML) you used to write the document. Doctype
三种DocumentTyp使用区别
qq_35094429的博客
08-06 452
在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。学习网页标准，浏览器兼容，从哪里开始您自己决定，但是，请认识DOCTYPE： 一、什么是DOCTYPE DOCTYPE是DocumentType（文档类型）的简写
解决python编码问题大总结
hubing的博客
03-11 972
 前言因为计算机只能处理数字，如果要处理文本，就必须先把文本转换为数字才能处理。最早的计算机在设计时采用8个比特（bit）作为一个字节（byte），所以，一个字节能表示的最大的整数就是255（二进制11111111=十进制255），0 - 255被用来表示大小写英文字母、数字和一些符号，这个编码表被称为ASCII编码，在所有字符集中，最知名的可能要数被称为ASCII的7位字符集了。它是美国标准信息...
Jmeter-边界提取器
weixin_42724501的博客
11-02 5601
转载：https://www.cnblogs.com/du-hong/p/13217399.html 边界提取器，使用JMeter5.0的边界提取器，不需要写复杂的正则表达式，只要填写左右边界即可，我们想从接口中提取一些想用的东西，不习惯用正则提取器和json提取器，今天我们来介绍下边界提取器，相对前者较简单些。它通过左右边界来提取需要的内容，它可以匹配任何格式的内容，如文本、json、xpath、html等等，使用也很简单，分别填写要提取内容的左右边界即可，很灵活。 1、我们先来看看这个边界提取器长得是啥
Python爬虫之requests库(二)：响应内容、响应状态码、响应头
热门推荐
bqw的博客
07-23 3万+
import requests 一、获取不同类型的响应内容 在发送请求后，服务器会返回一个响应内容，而且requests通常会自动解码响应内容 1.文本响应内容 获取文本类型的响应内容 r = requests.get('https://www.baidu.com') r.text # 通过文本的形式获取响应内容 '&amp;lt;!DOCTYPE html&amp;gt;\r\n&amp;l...
client.println("<!DOCTYPE html><html>"); client.println("<head><meta name="viewport" content="width=device-width, initial-scale=1">"); client.println("<link rel="icon" href="data:,">"); // CSS to style the on/off buttons // Feel free to change the background-color and font-size attributes to fit your preferences client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}"); client.println(".button { background-color: #4CAF50; border: none; color: white; padding: 16px 40px;"); client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}"); client.println(".button2 {background-color: #555555;}</style></head>");讲解一下这段代码的作用
最新发布
07-14
这段代码是用于生成一个简单的 HTML 页面，用于在 Web 浏览器上显示一个按钮。让我来逐行解释一下： 1. `<!DOCTYPE html><html>`: 这是 HTML 页面的文档声明和根元素。 2. `<head><meta name="viewport" content="width=device-width, initial-scale=1">`: 在 `<head>` 标签中设置了一个视口元标记，用于确保页面在不同设备上正确显示。 3. `<link rel="icon" href="data:,">`: 这行代码设置了一个空的 favicon，即网页标签栏上的小图标。 4. `client.println("<style>html { ... </style>");`: 这段代码定义了一些 CSS 样式，用于美化按钮的外观。你可以根据自己的偏好更改其中的背景颜色和字体大小等属性。 5. `client.println("<body> ... </body>");`: 这是页面的主体部分，在其中定义了一个按钮。 6. `<button class="button">ON</button>`: 这行代码生成了一个具有 "button" 类的按钮，显示文本为 "ON"。 7. `<button class="button button2">OFF</button>`: 这行代码生成了另一个具有 "button" 和 "button2" 类的按钮，显示文本为 "OFF"。 通过将这段代码发送给客户端，客户端将会显示一个带有两个按钮的简单网页。用户可以点击这些按钮来执行相应的操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值