HTML <!doctype>声明
昨天看代码的时候,发现在<!doctype>中添加了新的属性,以前写代码的时候并不会在该声明里添加新的属性。昨天看到了,就把它记下来学习一下,顺便整理成文档。以便日后复习。
<!DOCTYPE >定义与用法
1、所有的浏览器都支持<!doctype>声明;
2、<!doctype>不是HTML标签。它是为浏览器提供一项信息(声明),即HTML用什么版本编写的
3、在HTML 4.01中<!doctype>声明DTD,因为HTML 4.01基于SMGL。DTD规定了标记语言规则,这样浏览器才能正确的呈现内容。HTML5不基于SGML,所以不需要引用DTD。
4、这个标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。public 这行声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的URL 作为寻找 DTD 的位置。
常见的 DOCTYPE 声明
HTML 5
<!doctype html>
HTML 4.01 Strict --该DTD包含所有HTML元素和属性,但不包括展示性和弃用的元素(eg: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 元素和属性,包含展示性的和弃用的元素(eg:font),不允许框架集(Framesets)
<!DOCTYPE HTML PUBLIC "-// W3C // DTD HTML 4.01 Transitional //EN" "http://www.w3.org /TR / html4 / loose.dtd>
HTML4.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 元素和属性,包含展示性和弃用的元素。不允许框架集(Framesets),必须以格式正确的XML编写标记
<! 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 > 的作用
1、 声明文档解析类型,避免浏览器的怪异模式
document.compatMode:
BackCompat:怪异模式,浏览器以自己的怪异模式解析渲染页面
Css1Compat:标准模式,浏览器使用W3C的标准解析渲染页面
HTML <!doctype>声明的更多相关文章
- DOCTYPE声明作用及用法详解
一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工 ...
- 常见HTML的!DOCTYPE声明
HTML或者XHTML版本 !DOCTYPE声明 HTML 2.0 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> HTM ...
- DOCTYPE声明的作用是什么?严格模式与混杂模式如何区分?
HTML语言已经存在太久了,目前必然会有一些不同版本的文档存在,为了能够让浏览器清楚你的文档的版本类型和风格,需要在文档的起始用DOCTYPE声明制定当前文档的版本和风格.如果在网页中提供了版本信息, ...
- 常用的 DOCTYPE 声明
常用的 DOCTYPE 声明 HTML 5 <!DOCTYPE html> HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 ...
- doctype声明、浏览器的标准、怪异等模式
doctype 标准(严格)模式(Standards Mode).怪异(混杂)模式(Quirks Mode),如何触发,区分他们有何意义? 触发标准模式 1.加DOCTYPE声明,比如:<!DO ...
- DOCTYPE声明的几种类型
DOCTYPE声明的几种类型 DOCTYPE 声明决定着浏览器怎么去解析和渲染当前页面,所以对于页面来说是很重要的. HTML5时代,统一用 <!DOCTYPE html> 这样简单的方式 ...
- <!DOCTYPE> 声明 引发的错误
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. 在写模板的时候,因为最近开始给每个文件添加注释,无意中将注释写在文件的第一行.导致页面 ...
- html<!DOCTYPE>声明标签
html<!DOCTYPE>声明标签 <DOCTYPE>声明是html文档的第一行,位于<html>标签之前 <DOCTYPE>声明不是html标签,他 ...
- 说说html 的<!DOCTYPE>声明&标准模式与兼容模式
我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前. <!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪个h ...
- !DOCTYPE 声明
!DOCTYPE 声明的作用: <!DOCTYPE html> 当使用 position 属性进行对齐时,请始终包含 !DOCTYPE 声明!如果省略,则会在 IE 浏览器中产生奇怪的结果 ...
随机推荐
- spring-boot4代码
App.java package com.kfit; import org.springframework.boot.SpringApplication; import org.springframe ...
- media server died的解决方法【转】
本文转载自:https://blog.csdn.net/class_brick/article/details/78086261 在对MediaRecord进行初始化时添加上 mMediaRecord ...
- jQuery(expression, [context])
jQuery(expression, [context]) 返回值:jQuery 概述 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素. jQuery 的 ...
- html 转字符串换成代码
1. [文件] htmlToCode.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
- Multiple webcams on ZoneMinder
Monitoring a 3D Printer I have tidied my new workshop and I am starting to play with 3d-printing aga ...
- FileHeader 详解文件头部注释-sublimeText
FileHeader 前言: 直奔主题吧,sublimeText 的大部分插件都是非常好用,易用的,而且很容易找到资料.这次用 FileHeader 发现网上的资料很少,而且大部分说得都很模糊,或者直 ...
- ubuntu关闭cups服务
本人使用的ubuntu10.10每次开机时使用nmap扫描127.0.0.1的时候总是能发现一个631端口开启,在/etc/services找到 631端口是网络打印机服务,但对于我一个普通用户来说这 ...
- 「LuoguP1725」琪露诺(dp 单调队列
题目描述 在幻想乡,琪露诺是以笨蛋闻名的冰之妖精. 某一天,琪露诺又在玩速冻青蛙,就是用冰把青蛙瞬间冻起来.但是这只青蛙比以往的要聪明许多,在琪露诺来之前就已经跑到了河的对岸.于是琪露诺决定到河岸去追 ...
- 【Lintcode】099.Reorder List
题目: Given a singly linked list L: L0 → L1 → … → Ln-1 → Ln reorder it to: L0 → Ln → L1 → Ln-1 → L2 → ...
- 【LeetCode】040. Combination Sum II
题目: Given a collection of candidate numbers (C) and a target number (T), find all unique combination ...