DOCTYPE html 很重要

默认情况下,ff和ie的解释标准是不一样的,也就是说,如果一个网页没有声明doctype,它就会以默认的doctype解释下面的html。在同 一种标准下,不同浏览器的解释模型都有所差异,如果声明标准不同,不用我说,您自己想就可以了。学习网页标准,浏览器兼容,从哪里开始您自己决定,但是, 请认识doctype

一、什么是DOCTYPE

    DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就 是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

二、DOCTYPE的规则

立即学习“前端免费学习笔记(深入)”;

    DOCTYPE声明的写法遵循一定的规则,它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是w3c所发布的一个文档类型定义(dtd)中包含的规则。
每个dtd都包括标记、attributes、properties等内容,它们用于标记web文档的内容;此外还包括一些规则,它们规定了哪些 标记能出现在其他哪些标记中。每个web建议标准(比如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。

语法:

HTML  顶级元素  可用性 “注册//组织//类型 标签//定义  语言””URL”

可能值:

– 顶级元素:指定 DTD 中声明的顶级元素类型。这与声明的 SGML 文档类型相对应。 HTML 默认。HTML。
– 可用性:指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。 PUBLIC 默认。可公开访问的对象。SYSTEM 系统资源,如本地文件或 URL。
– 注册:指定组织是否由国际标准化组织(ISO)注册。 + 默认。组织名称已注册。
– 组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。
组织:指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称,即 OwnderID。 IETF IETF。 W3C W3C。
– 类型:指定公开文本类,即所引用的对象类型。 DTD 默认。DTD。
– 标签:指定公开文本描述,即对所引用的公开文本的唯一描述性名称。后面可附带版本号。 HTML 默认。HTML。
– 定义:指定文档类型定义。
Frameset 框架集文档。
Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素,因为样式表已经很完善了。
Transitional 包含除 frameSet 元素的全部内容。
– 语言:指定公开文本语言,即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639  语言代码(大写两个字母)。 EN 默认。英语。
– URL:指定所引用对象的位置

为了获得正确的DOCTYPE声明,关键就是让dtd与文档所遵循的标准对应。例如,假定文档遵循的是xhtml 1.0 strict标准,文档的doctype声明就应该引用相应的dtd。另一方面,如果doctype声明指定的是xhtml dtd,但文档包含的是旧式风格的html标记,就是不恰当的;类似地,如果doctype声明指定的是html dtd,但文档包含的是xhtml 1.0 strict标记,同样是不恰当的。

三、选择什么样的DOCTYPE

如上例所示,XHTML 1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。这里分别介绍如下。

1.过渡的

一种要求不很严格的DTD,允许在页面中使用HTML4.01的标识(符合xhtml语法标准)。过渡的DTD的写法如下:

代码如下:

nbsp;PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

2.严格的

一种要求严格的DTD,不允许使用任何表现层的标识和属性,例如
等。严格的DTD的写法如下:

代码如下:

br/>”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

3.框架的

一种专门针对框架页面所使用的DTD,当页面中含有框架元素时,就要采用这种DTD。框架的DTD的写法如下:

代码如下:

br/>”http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

使用严格的DTD来制作页面,当然是最理想的方式。但是,对于没有深入了解Web标准的网页设计者,比较合适的是使用过渡的DTD。因为这种DTD还允许使用表现层的标识、元素和属性,比较适合大多数网页制作人员。

四、需要注意的问题

没什么特别的,就是一定要将DOCTYPE声明放在XHTML文档的顶部,上面哪怕多个HTML注释标记都不行。

最好示例代码也加上DOCTYPE,否则效果会有差异。

这篇文章了解一下就可以,现在好多编程工具都自动生成了,或者是使用快捷键生成了。

相关推荐:

为什么使用DOCTYPE HTML_HTML/Xhtml_网页制作

关于的学习_html/css_WEB-ITnose

声明下div高度100%的问题解决方法

以上就是DOCTYPE html 很重要的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545255.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:45:29
下一篇 2025年12月21日 16:45:57

相关推荐

  • HTML里table标签的使用方法

    html的table元素是包含tr td th表格标签元素的,那么今天我们就来给大家详细介绍一下表格的布局以及语法,最后是对表格的总结经验,大家也可以借鉴一下 表格布局篇,认识html表格基础语法,认识table表格结构语法,通过html table tr td、html table tr th表格…

    好文分享 2025年12月21日
    000
  • html的网页源代码怎么查看

    既然我们是前端工作者,那么我们一定要学会查看html的网页源代码,今天就给大家介绍俩种不同的查看网页源代码的方法。 网页源代码是什么?通俗了解,通过html语法规则让图片、文字等内容,在浏览器显示出来的代码我们称之为网页源代码。 源代码(源文件)是指网页的html代码,这里可以将CSS代码也称为CS…

    好文分享 2025年12月21日
    000
  • HTML网页字体大小的设置

    html网页字体大小的设置有很多种方法,今天给大家主要介绍俩种,一种是css设置html中字体大小,另外一种是html标签里设置style属性设置字体大小。 接下来通过html案例介绍字体大小设置教程。 html font标签设置字体大小 在css之前html中文字设置字体,通常直接对文字使用fon…

    好文分享 2025年12月21日
    000
  • HTML里white-space怎么使用

    white-space是html一个标签,那么今天我们给大家科普一下,这个属性究竟怎么使用,可以在哪些情景下使用 white-space norma nowrap强制同一行内显示所有文本文字,让所有文字内容中一排显示不换行。 让文字不自动换行,无论CSS宽度设置多少,所有文字都在一行内显示。特别是标…

    好文分享 2025年12月21日
    000
  • HTML下拉菜单代码

    福利来拉福利来拉,经典的html下拉菜单代码,直接拿去用即刻,不用谢,叫我雷锋,代码是符合web标准的css下拉导航菜单布局,兼容性这方面非常的不错,大家可以放心使用 Html源代码 下拉 下拉 产品一 产品一 产品一 产品一 产品一 下拉 入门一 入门二 入门二 入门二入门二 入门二入门二入门二 …

    好文分享 2025年12月21日
    000
  • html文档类型声明怎么写

    想让css样式表生效,那么doctype声明是必须的,在以前table布局的网页doctype可以省略也是能正常显示。但是如果是在div css布局中,doctype的这一小段代码就至关重要了,是会影响css样式是否生效。少了doctype html声明有的css样式仍是生效,但有的css样式是失效…

    好文分享 2025年12月21日
    000
  • HTML里的checkbo怎么使用

    checkbo的使用很多种方法,那么今天给大家介绍一下。html form checkbox多选复选框控件多选。 使用html input标签,name为自定义,type类型为“checkbox”的表单 1、对应主要部分HTML代码:   立即学习“前端免费学习笔记(深入)”; 当然以后我们也会为大…

    2025年12月21日
    000
  • 为什么HTML网页乱码与解决方法

    有时候我们做出来的网页打开以后是乱码,那么我们需要怎么解决这种情况呢?以下就给大家带来乱码造成的原因以及解决乱码的方法。 一、乱码造成原因  1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容是gbk也会出现乱码。…

    好文分享 2025年12月21日
    000
  • HTML标题标签元素怎么修改

    当我们做网页时,标题一定要比内容引人注目,那么我们需要怎么做出标题呢?以下就给大家html标题标签元素怎么使用和修改 HTML标题标签元素怎么修改。 H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。 H1 H2 H3 H4目录 搜索引擎下看h1标题标签 立即学…

    好文分享 2025年12月21日
    000
  • html中的label标签使用方法

    这次给大家介绍的是html中的label标签使用方法,我们都知道一个完整的表单是由表单标签 与其中包裹的各种表单控件组成的,那么label标签就是一种常见的表单控件了。 先举个例子: [html] view plain copyE-mail: 表单控件都是内联元素所以他俩会在一行显示。在网页中当我们…

    好文分享 2025年12月21日
    000
  • html的注释有什么作用

    当我们使用html的时候一定会用到一个标签,那就是注释标签那么今天我们就给大家好好的介绍一下,注释的作用以及给大家举一个小列子。 html 注释语法  使用解释:在html中,小于符号“”,注意这些字符都需要英文半角小写输入。 html注释作用 立即学习“前端免费学习笔记(深入)”; 在html中使…

    好文分享 2025年12月21日
    000
  • html的锚文本怎么写

    锚文本这个词大家可能不是很熟,但是说到超链接你一定很清楚,所以如果说锚文本_锚链接也被称为超链接。那你一定知道什么是锚文本了吧?今天我们就来说说锚文本的使用。 被链接内容 网址,网址一定加上http://+域名 相对路径,如htef=”/abc/”,代表本站内锚文本 targ…

    好文分享 2025年12月21日
    000
  • html导航条制作的图文代码分享

    在我们的日常web开发中,机会所有的网页他都有一个导航条,不仅仅是为了网页美观,更多的是给用户的一种体验,那么如何设置导航条呢?今天就大家详细介绍下html制作通用的导航条! 第一步:先创建一个盒子,定义类为 nav,width 1000,height 40px,防京东的导航,与浏览器顶部100px…

    2025年12月21日 好文分享
    000
  • 四款好用的免费在线HTML编辑器

    什么是在线html编辑器?在线编辑器是用来对网页等内容进行在线编辑修改,让用户在网站上获得”所见即所得”效果,所以较多用来做网站内容信息的编辑和发布和在线文档的共享等,比如新闻、博客发布等。由于其简单易用,被网站广泛使用,为众多网民所熟悉。 eWebEditor,功能确实强大…

    好文分享 2025年12月21日
    000
  • 优化HTML提高网页性能的方法

           要想提高网页性能有很多办法,除了用js或者通过服务器的配置和css的调整来提高网页性能外,其实我们还可以通过HTML来提高网页性能。        HTML正在变得越来越大。排名前100的网站每个HTML页面大多在40K左右。亚马逊和雅虎使用上千个HTML页面。在youtube.com…

    好文分享 2025年12月21日
    000
  • 在html怎样使用radio

    很多初学者很疑惑,在html里有radio这个标签,到底怎么使用,使用radio的效果是什么样的?今天教大家怎样在html怎样使用radio。 1、html代码片段: 您最喜欢水果? 苹果 桃子 香蕉 梨 其它 2、案例截图 以上就是在radio的用法和案列截图,有需要的朋友可以持续关注本站,你学会…

    2025年12月21日
    000
  • 在html里怎样才能打多个空格字符?

    很多朋友需要在html里编辑的时候需要用到多个空格,今天就给大家介绍一下,怎样在html里打出多个空格字符。 一、一个空格字符键入 在html网页中一个空格,我们可以键入“空格”键即可实现。 二、多个html空格字符  如果在html中想实现多个空格间隙,如果是键入多个“空格”键,但最终也只显示一个…

    好文分享 2025年12月21日
    000
  • 常用的HTML标签元素总结简介

    给大家收集整理了一些最常用的html标签元素,有需要的朋友可以保存一下,这些都是最常用的,几乎每一份网页都用得到的标签。标签是提供关于html文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 html…

    好文分享 2025年12月21日
    000
  • html到底是什么

    很多从事前端的朋友都有过这样的体验,别人问你是什么工作,你就说程序员,前端,如果别人让你介绍一下你的工作,那你会怎么描述呢?今天我们就来把html给解释个明明白白的。 html是hypertext markup language的缩写,即超文本标记语言。html是用于创建可从一个平台移植到另一平台的…

    好文分享 2025年12月21日
    000
  • html中的字体颜色怎么修改

    很多朋友都很苦恼,怎么在html中修改字体颜色?怎么设置字体颜色呢?那么我们今天给大家介绍在html中字体颜色修改方法,字体的颜色需要怎么获取。 首先我们要知道 html font字体颜色设置 在HTML中我们使用font标签即可对字体内容设置颜色。 1、font语法: 我是红色字体  立即学习“前…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信