HTML头部声明文件类型

最新推荐文章于 2024-09-22 13:27:33 发布
最新推荐文章于 2024-09-22 13:27:33 发布
阅读量1.2k 收藏 1
点赞数
文章标签： HTML头部声明文件类型

出处：http://www.cnblogs.com/chendc/p/5407308.html




HTML头部声明文件类型

在你每一个页面的顶端，你需要文件声明。是的，必须。

　　如果不指定文件类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式（quirks mode）”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并且按浏览器自己的方式来处理你的代码。你能是个HTML大师，在地球上打遍天下无敌手，或你的HTML能无瑕疵，CSS能非常完美，但如果没有文件声明，或错误的文件声明，你的网页和一个短视的，独眼的长臂猿婴儿十分艰难地堆砌起来的没两样。

      要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。
所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。

　　标准模式中IE6不认识!important声明，IE7、IE8、Firefox、Chrome等浏览器认识；而在怪异模式中，IE6/7/8都不认识!important声明，这只是区别的一种，还有很多其它区别。所以，要想写出跨浏览器的CSS，你必须采用标准模式。好像太绝对了，呵呵。好吧，要想写出跨浏览器CSS，你最好采用标准模式。

常用的 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">

钟小楼
关注
HTML头文件
sweetga的专栏
04-05 7818
头文件 元素包含了所有的头部标签元素。 在 元素中你可以插入脚本（scripts），样式文件（CSS），及各种meta信息；可以添加在头部区域的元素标签为:,,,,,,. 1.：定义了不同页面的标题 the title this is my frist html. 2.：作为HTML页面中所有链接到默认链接 3.：通常用于链接到CSS样式文件
常用html元素总结包括基本结构、文档类型、头部、主体等等
09-28
1. 基本结构：HTML文档的基本结构是固定的，通常包括文档类型声明（doctype）、html元素、head元素以及body元素。 - 文档类型声明（doctype）用于告诉浏览器这个页面使用的是哪种HTML或XHTML规范。 - html元素是...
Html笔记-头部标签+主体标签+尾部标签+div标签
最新发布
LucKaren的博客
09-22 1282
当 article 内嵌 article 的时候，内部的 article 的内容是和外层的 article 内容是有相关性的。中时，就可以使用section，所以section可以作为除头部区域，尾部区域之外的主体内容，三者都是在主体(body)中使用！header：定义一个页面，区域或者文档的页眉(头部内容),里面包含标题，logo等内容，header标签相当于导航栏。是一个特殊的 section 标签，它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容。
web和mapper头部文件声明
Hui_Hong_TaiLang的博客
06-04 359
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" versio
HTML文档声明
点点滴滴
07-19 394
HTML文档声明，即&lt;!DOCTYPE&gt;，是document type的缩写。 &lt;!DOCTYPE&gt;并不是HTML的标签，对大小写不敏感，其作用： 告诉浏览器该html文档是按照什么版本编写的，以便于正确无误的解析显示出来 没有文档声明或者错误的文档声明，浏览器会进入怪异模式解析文档，否则按照标准模式解析文档 标准模式和怪异模式区别 https://www.cnblo...
HTML 文档声明
qq_41988669的博客
08-03 757
HTML 文档声明
对Pycharm创建py文件时自定义头部模板的方法详解
09-19
同时，这一功能也可以扩展到其他类型的文件，如HTML、CSS或Java等，使得不同类型的项目都能享受到统一的模板化编码体验。 总之，PyCharm的自定义头部模板功能是一个强大而实用的工具，它简化了编写常见头部信息的...
HTML 网页头部代码全清楚
09-28
- **注意**：`<link>`标签可以用来引入外部CSS文件或其他类型的资源。 ##### 3. `<style>...<\/style>` - **用途**：用于直接在HTML文档中定义样式信息，适用于局部或简单的样式设置。 - **示例**： ```html ...
html+css文件分支树
01-27
一个基本的HTML文件结构包括头部（`<head>`）、主体（`<body>`）和文档类型声明（`<!DOCTYPE html>`）。例如： ```html <!DOCTYPE html> <html> 网页标题 一级标题 这是一个段落。 这是一个链接 </html> ``...
Dreamweaver文件头部信息有什么作用? dw查看文件头部信息的教程
09-22
6. 页面语言和字符集设置：头部信息中可以声明网页使用的语言和字符编码，确保网页内容正确显示和搜索引擎正确索引。 在Dreamweaver中查看和编辑头部信息的步骤如下： 1. 启动Dreamweaver，并打开你想要编辑的HTML...
HTML文档声明头
weixin_30417487的博客
04-17 129
任何一个标准的HTML页面，第一行一定是: <!DOCTYPE …… 这一行，就是文档声明头，DocType Declaration。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。开头的语句。 到底有哪些规范呢？ 首先要确定一件事, HTML4.01这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的。但是IE6、7、8这些浏览器还没有完全淘汰，所...
HTML中的文档声明
小卡酷谋的博客
04-22 1300
浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。书写文档声明原因是不同版本所支持的 HTML 元素类型是不同的，我需要告诉浏览器以哪一种文档类型方式来解析当前的这个 HTML 文件。模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的。
文档声明类型（DTD）
wp7021的博客
01-17 1125
一、DTD声明的重要性       首先我们要知道当你在写一个页面时，文档类型声明是必须的。如果你没有声明文档类型，那么你的HTML将是不合法的，且大部分浏览器会启用“怪异模式”来处理你的页面，也就是浏览器会按照自己的方式去处理你的代码，而不是你想要的方式。另外，DTD声明还关系CSS会以什么模式解析，浏览器解析CSS有两种模式：标准模式（strict mode）和怪异模式（quirks mod
HTML展开头文件,html头文件
weixin_30759083的博客
06-03 249
1。/p>"http://www.w3.org/TR/html4/loose.dtd">2。这是今天遇到的一个问题，想了找了半天才弄明白怎么回事，今天做一个页面，我内嵌了一个IFRAM-menu.htm，我在这个文件里套CSS，想改变滚动条，死活套不进去，郁闷了半天，终于知道问题所在，在页面的头文件中有二行，我把第二行去掉，CSS的样式就可以套进去了。晚上有时间再详解。现在要继续工作了...
h5移动端网页头部标签模板
weixin_30797199的博客
01-21 339
从网上看到一个h5头部标签的模板，拷贝下来，留着以后用，嘿嘿 1 <!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> 2 <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> 3 <head>...
html文档类型声明总结
峰羽
01-12 2799
HTML文档类型声明总结 &lt;!doctype&gt; 兼容性 &lt;!doctype&gt;是HTML用来声明文档类型的，总的来说他不算是一个标签，只是用来声明此HTML文档是属于HTML第几个版本的，因此它的兼容性在所有的浏览器都支持。 定义 1.XHTML1.1 语法：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "ht...
html语言声明,HTML头部声明文件类型、语言和字符集的方法
weixin_33648811的博客
06-02 413
在你每一个页面的顶端，你需要文件声明。是的，必须。如果不指定文件类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式(quirksmode)”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并且按浏览器自己的方式来处理你的代码。你能是个HTML大师，在地球上打遍天下无敌手，或你的HTML能无瑕疵，CSS能非常完美，但如果没有文件声明，或错误的文件声明，你的网页和一个短视的，...
html中声明怎么写,如何书写声明文件
weixin_42517623的博客
06-03 241
如何书写声明文件这篇指南的目的是教你如何书写高质量的TypeScript声明文件。在这篇指南里，我们假设你对TypeScript已经有了基本的了解。如果没有，请先阅读TypeScript手册来了解一些基本知识，尤其是类型和命名空间部分。章节这篇指南被分成了以下章节。结构结构一节将帮助你了解常见库的格式以及如何为每种格式书写正确的声明文件。如果你在编辑一个已经存在的文件，那么你可能不需要阅读此章节。...
HTML基础元素详解：结构、文档类型与头部示例
DOCTYPE>`声明来定义文档类型，如HTML4.01、HTML5或XHTML1.0，以及`<html>`, `<head>`, 和 `<body>`标签，它们构成了一篇HTML文档的核心组成部分。 文档类型的选择对浏览器解析和页面兼容性至关重要。HTML4.01使用`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值