HTML DOCTYPE 的重要性

定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

DOCTYPE   3种类型

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">

如果html中没有加上doctype 可能在不同浏览器出现bug. 所以html加上doctype是至关重要的.

参考: http://www.w3school.com.cn/tags/tag_doctype.asp

HTML DOCTYPE 的重要性

时间: 2024-11-07 22:29:45

HTML DOCTYPE 的重要性的相关文章

DOCTYPE的重要性

<!DOCTYPE>是文档类型声明: 声明必须是 HTML 文档的第一行,位于 <html> 标签之前.明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML.DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容 HTML5 不基于 SGML,所以不需要引用 DTD. 重要提示:请始终向 HTML 文档添加 <

什么是&lt;!DOCTYPE html&gt;,以及其重要性

什么是<!DOCTYPE html>? 在HTML文档初,往往会有这么一句话<!DOCTYPE html>,那么它的意义是什么呢?它是html5标准网页声明,全称为Document Type HyperText Mark-up Language,意思为文档种类为超文本标记性语言或超文本链接标示语言,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明.表示网页采用html5,<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html>

&lt;!DOCTYPE html&gt;的重要性!

噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用. 直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题 我就开始找啊找,各种调试,各种log 终于在httpWatch里边找到了答案:DOCTYPE未声明.于是我给页面添加了<!DOCTYPE html>,果然奏效了. 下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法. 1作用:声明文档的解析类型(document.c

doctype声明的重要性-------这绝对是ie的坑, 与angular无关, 我错怪你啦

今天开发一个页面,  自己写页面, 自己实现功能. 因为以往需求都没有要求兼容ie9, 所以并未发现此坑. 今天就记录下来. 贴图对比 ie9 chrome 如图, ie9界面显示错误. 起初以为是angular 1.3 不支持ie9, 思路一直围绕着ie9的兼容性问题在想解决方法. 实在没有法子,  就跑去问我们老大...原来都是 <!doctype html> 惹的祸. 看见这原因  杀了自己的冲动都有了啊. 所以, 我来记录自己的愚蠢了. 以后, 再犯就是傻逼啊 <!doctype

月半小夜曲下的畅想--DOCTYPE模式

猜猜我现在在干嘛?看在天朗气清的份上,告诉你好了,我现在做在电脑旁,然后听着月半小夜曲,然后思绪开始飞扬了,此时的我感觉很惬意,音乐的旋律虽伤感,但好像触碰到内心的柔软,心弦为之一动,就是那么好听,在这动听的乐曲下,我想到了doctype,因为它也让我伤感,让我动心,还得动脑. 什么是DOCTYPE? 百度百科上的介绍: 文档类型标签,该标签是将特定的标准通用标记语言或者XML文档(网页就是其中一种)与文档类型定义(DTD)联系起来的指令.该标记应该出现在文件的第一行.它在文档中出现的格式如下:

前端面试题-&lt;!DOCTYPE&gt;

现在的各种前端开发工具都足够强大,支持插入模板代码,也就导致我们往往会忽略已经自动生成的代码,而代码的第一行 DOCTYPE 声明,就是最容易忽略的部分. 一.DOCTYPE DOCTYPE 是 document type(文档类型的)的简写. 1.1 DOCTYPE 的作用 告诉浏览器需要通过哪一种规范(文档类型定义,DTD)解析文档(比如HTML或XHTML规范): 二.DTD DTD(document type definition,文档类型定义)是一系列的语法规则,用来定义 XML 或

python--以1-31的数字作为结尾的列表?论英文好的重要性!

一.python基础教程第2板(修订版)[代码清单2-1]中有一段要求打印'以1-31的数字作为结尾的列表' 截取代码示例:endings =['st','nd','rd'] +17*['th'] + ['st','nd','rd'] +7*['th'] +['st'] 运行结果:print(endings) ['st', 'nd', 'rd', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th', 'th

&lt;!DOCTYPE html&gt;声明下div高度100%的问题

在使用HTML代码创建网页,如果声明了<!DOCTYPE html>,并且在代码中有div设置了高度为100%,可能会出现显示不正常的情况.比如下面这个代码: <!DOCTYPE HTML> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>     <style type=&q

在网站中数据缓存的重要性

通过计算斐波那契数列明白缓存在网站开发中的重要性 1 .首先测试一下没有使用数据缓存来计算斐波那契数列. var count = 0; function fib(n) { count++; if(n === 0 || n === 1) { return 1; } return fib(n - 1) + fib(n - 2); } fib(40); console.log(count);//count是函数fib运算次数,当fib(40)时候运行次数高达:331160281次,感兴趣的可以检测一下