• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML 版本声明 DOCTYPE 标签

HTML 版本声明 DOCTYPE 标签

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,版本声明,DOCTYPE等相关知识,佚名 希望在学习及工作中可以帮助到您

当我们打开一个正规网站的源代码的时候,都会发现源代码最开始一定是以<!DOCTYPE html 开头的,而这个<!DOCTYPE> 后面有的直接添加了> 而有的还有很长的文字,如

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

,当然比较主流的网页源代码,比如E维科技源代码都采用HTML5格式,直接以<!DOCTYPE html> 开头。<!DOCTYPE html> 由于不是HTML标签,它只是一条浏览器指令,告诉浏览器编写页面所用的标记的版本,所以不需要成对出现。<!DOCTYPE html> 在任何版本中都对大小写不敏感,不过习惯上写做“<!DOCTYPE html>”,当然为了符合W3C标准,写做“<!doctype html>”也是可以的。



E维科技首页源代码采用HTML5声明+HTML4兼容

DOCTYPE 英文意思是文档类型,也就是HTML的版本类型声明。HTML从最开始没有任何规范经历了比较流行的HTML4,之后进入HTML5时代,每个时期的规范都不一样,比如在较早版本的HTML中不能实现<br>换行 这是因为HTML标签必须成对出现,所以必须要以<br/>来表示。而在HTML4 后期已经很模糊这个概念了,带不带 “/” 结尾都是一样的。而在HTML 5 中已经规定不需要带“/”,直接<br>就可以了。

这样混乱的解释方法,就需要告诉浏览器当前网页HTMl编码采用的版本规范。

在所有 HTML 文档中规定 DOCTYPE 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 DOCTYPE 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

HTML 版本声明

HTML 5没有任何文档类型,但是最好避免使用frame框架;XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset;HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

HTML 5 规范声明

表达很简洁,只有一个属性:根元素是 html

<!DOCTYPE html>

XHTML 1.0 Strict DTD 严格版

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

<!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 的位置。

XHTML 1.0 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 1.0 Frameset DTD 框架版

当您希望使用框架时,请使用此 DTD!

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

HTML4.1 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">

HTML4.1 Strict DTD 严格版

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

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

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05XAML中Button重绘为圆形的方法技巧
  • 2017-08-05HTML相对路径 上级目录及下级目录的写法
  • 2017-08-05网页制作掌握的最常用的HTML标记
  • 2017-08-05简单html以及css的用法详解
  • 2017-08-05UTF-8和GB2312网页编码
  • 2017-08-05Div的一些设置关于边框和透明度的
  • 2017-08-05select的最佳预设打造全兼容各浏览器select
  • 2017-08-05input元素[type="file"]时的样式定制及浏览器兼容性问题探讨
  • 2017-08-14Html中的其他标签
  • 2017-08-05使用flash插件来调用pc的摄像头如何将它嵌入到TML页面中

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • a标签的name属性和id属性实现页内跳转的方法
    • 详解HTML的<input> 标签及其禁用方法
    • JS, CSS样式引用写法
    • HTML form应用包括复选框、单选按钮的使用
    • 用jquery进行修复在iframe下的页面锚点失效问题
    • html text的常用事件和方法详细描述
    • 有关HTML表格边框的设置小技巧
    • input checkbox 扩大点击范围的实现方法
    • 用网页显示txt书的内容的代码
    • 全面了解html.css溢出

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有