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

DOCTYPE 文档类型声明(网页爱好者必看)

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

本文主要包含DOCTYPE,文档类型声明等相关知识,佚名 希望在学习及工作中可以帮助到您
文档类型声明
在你每一个页面的顶端,你需要文档声明。是的,必须。

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

XHTML 1.0 Strict(严格)的文档声明是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

下面的是XHTML 1.1的文档声明,作为XHTML的最新版本,看起来更完美,但还是有一些问题,随后我们会稍微讲解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

注意DOCTYPE标签必须大写和前置一个英文半角感叹号!。它是唯一一个打破规则的标签,它不需要关闭。

语言声明
即使HTTP头或者在html起始标签内设置了xml:lang属性,你也必须为文档指定一个主要语言。尽管处理一个合法的XHTML文档这不是必须的,但也是一个易用性的考虑。值是缩写的,比如en(English,英语),fr(French,法语),de(German,德语)。

声明一个主要用英语内容的文档,例子是这样的:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

在声明主要语言之后,假如还需要使用其他语言,你还可以在内联中使用xml:lang属性(比如<span xml:lang="de">HTML Hund</span>)。

内容类型
HTML文档的媒体类型和字体集也许要指定,可以使用HTTP头来完成,比如:
Content-Type: text/html; charset=UTF-8

HTTP头部的第一部分(如text/html)是文件MIME类型,让浏览器知道文件的媒体类型因此可以知道怎么处理。所有的文件都有MIME类型。JPEG图像是image/jpeg,CSS文件是text/csss和HTML一般使用text/html。

HTTP头部的第二部分(如UTF-8部分)是字符集。

也许设置HTTP头的最简易方法是在HTML中使用“HTTP同义(HTTP-equivalent)”的头标签,像这样:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
下面是常用的文档声明,其实dreamweaver默认就是这种声明。

这方便的东西太多了,大家可以多搜索一下吧。

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

  • 浅谈HTML的doctype和编码
  • HTML 版本声明 DOCTYPE 标签
  • html doctype 作用介绍
  • IE下文本模式!DOCTYPE作用介绍
  • 有没有仔细了解过标签 它是如何定义如何使用
  • DOCTYPE元素详解 完整版
  • DOCTYPE声明作用及用法详解
  • 为什么使用DOCTYPE HTML
  • doctype的markup validation
  • 被忽视的DOCTYPE说明分析

相关文章

  • 2017-08-05W3C教程(12):W3C Soap 活动
  • 2017-08-05input元素[type="file"]时的样式定制及浏览器兼容性问题探讨
  • 2017-08-05html tbody 用法
  • 2017-08-24浅谈http返回码
  • 2017-08-05初学者接触HTML了解一些HTML标记(2)
  • 2017-08-05HTML页面中复选框的操作方法
  • 2017-08-05html页面中常用的一些小方法整理
  • 2017-08-05iframe标签用法详解(属性、透明、自适应高度)
  • 2017-08-05html 弹出div实现移动居中非常好用
  • 2017-08-05html body标签详解与html常用的控制标记

文章分类

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

最近更新的内容

    • 使一个input文本框随其中内容而变化长度的方法
    • HTML 特殊字符转换表
    • html中用href 实现点击链接弹出文件下载对话框
    • Data URI和MHTML完整解决所有浏览器
    • Zen HTML Elements 使用zen coding的朋友可以收藏下
    • 使用input type=text value=str取值不完全解决方案
    • html pre标记里内容自动换行
    • input checkbox 扩大点击范围的实现方法
    • 用HTML和CSS打造属于自己的暖男“大白”
    • HTML中的标签和元素的区别详解

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

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