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

相关推荐

  • VSCode怎么调出HTML模板_VSCode快速生成HTML基础模板结构教程

    答案:在VSCode中输入!后按Tab键即可快速生成HTML5模板,也可使用html:5或doc等Emmet缩写,若失效需检查文件类型和设置,还可通过自定义snippets.json实现个性化模板。 在VSCode中快速生成HTML基础模板结构,最直接也最常用的方法就是利用其内置的Emmet功能。你…

    2026年8月26日
    000
  • 告别繁琐的DOM操作:如何使用s9e/sweetdom优雅地处理XML和XSLT模板

    可以通过一下地址学习composer:学习地址 最近在开发一个需要频繁操作xml文档,尤其是xslt模板的项目时,我遇到了一个让人头疼的问题。php原生的dom扩展虽然功能强大,但其api设计往往显得过于底层和繁琐。例如,创建一个新元素、将其插入到指定位置,或者执行一个xpath查询,都需要好几行代…

    2026年8月26日
    000
  • 微信公众号小程序怎么做_微信公众号关联小程序开发教程

    微信公众号小程序怎么做_微信公众号关联小程序开发教程微信公众号小程序怎么做_微信公众号关联小程序开发教程微信公众号小程序怎么做_微信公众号关联小程序开发教程微信公众号小程序怎么做_微信公众号关联小程序开发教程

    先完成小程序开发与审核,再通过公众号后台授权绑定。需先注册开发者账号并认证公众号,创建小程序项目后使用微信开发者工具进行开发,提交审核通过后,在公众号后台关联小程序AppID,实现多入口展示与运营联动。 微信公众号关联小程序,核心在于先独立完成小程序的开发与审核,然后通过公众号后台进行简单的授权绑定…

    2026年8月26日 用户投稿
    100
  • UC浏览器视频小窗播放怎么用_UC浏览器视频小窗播放方法

    在UC浏览器播放视频时,按返回键或滑动退出可启用小窗模式;02. 若未自动开启,可通过菜单手动选择“小窗播放”;03. 小窗支持拖动、缩放与手势控制,便于多任务操作。 如果您在观看视频时希望同时浏览其他内容,可以使用UC浏览器的视频小窗播放功能,让视频以悬浮窗口的形式继续播放。该功能适用于移动端操作…

    2026年8月26日
    000
  • 微信公众号字体怎么改_微信公众号文章字体样式修改教程

    微信公众号字体怎么改_微信公众号文章字体样式修改教程微信公众号字体怎么改_微信公众号文章字体样式修改教程微信公众号字体怎么改_微信公众号文章字体样式修改教程微信公众号字体怎么改_微信公众号文章字体样式修改教程

    答案是微信公众号不支持自定义字体上传,但可通过字号、颜色、加粗、段落样式及第三方工具等现有功能,结合品牌化排版策略,在统一规范下提升文章视觉风格与阅读体验。 微信公众号文章的字体样式修改,说实话,并没有一个直接的“选择字体”菜单让你像Word那样随意切换成宋体、黑体或者其他个性化字体。它的核心在于通…

    2026年8月26日 用户投稿
    300
  • VSCode怎么自动生成HTML_VSCode快速生成HTML基础模板结构教程

    输入!按Tab即可生成HTML5模板,VSCode通过Emmet实现高效编码,支持自定义片段和高级缩写,提升开发效率。 说实话,刚开始用VSCode写HTML的时候,我也觉得每次都要手动敲 、 、 那些东西挺麻烦的。后来才发现,VSCode在快速生成HTML基础模板结构这方面做得真是相当到位,主要就…

    2026年8月26日
    000
  • 如何优雅地抓取网页数据?simplehtmldom助你轻松搞定

    可以通过一下地址学习composer:学习地址 在日常的web开发中,我们常常会遇到一个令人头疼的需求:从外部网站提取特定信息。比如,你需要构建一个比价工具来抓取不同电商平台的商品价格,或者开发一个内容聚合器来收集各大新闻网站的头条。 面对这些任务,你可能会尝试各种方法。如果HTML结构简单,也许几…

    用户投稿 2026年8月26日
    000
  • 如何解决Magento2CSP兼容性难题,yireo/magento2-csp-utilities助你构建更安全的网站

    可以通过一下地址学习composer:学习地址 当安全性遇上兼容性:Magento 2 CSP的痛点 作为一名magento开发者,我们都知道网站安全的重要性。内容安全策略(csp)是防御跨站脚本(xss)攻击的强大工具,它通过限制浏览器可以加载的资源来减少攻击面。在magento 2中启用csp是…

    用户投稿 2026年8月26日
    000
  • 告别API错误响应的混乱:如何使用phpro/api-problem构建统一、清晰的接口错误处理机制

    Composer在线学习地址:学习地址 你的 API 错误响应,是不是也一团糟? 在现代 web 开发中,api 接口是前后端协作的核心。一个设计良好、文档清晰的 api,能够极大地提升开发效率。然而,很多时候我们却忽略了一个关键环节:api 的错误响应。 你是否也曾遇到过以下场景,让你在开发过程中…

    用户投稿 2026年8月26日
    000
  • Python爬虫抓取智联招聘(基础版)

    Python爬虫抓取智联招聘(基础版)Python爬虫抓取智联招聘(基础版)Python爬虫抓取智联招聘(基础版)Python爬虫抓取智联招聘(基础版)

    运行平台: WindowsPython版本: Python3.6IDE: Sublime Text其他工具: Chrome浏览器 1、网页分析 1.1 分析请求地址 以北京海淀区的Python工程师为例进行网页分析。打开智联招聘首页,选择北京地区,在搜索框输入”Python工程师&#82…

    2026年8月26日 用户投稿
    100
  • 如何解决PHP中复杂的HTML/XML解析与操作问题,arthurkushman/query-path助你轻松驾驭!

    可以通过一下地址学习composer:学习地址 告别繁琐:PHP 处理 HTML/XML 的痛与思 在日常的 php 开发中,我们经常需要与各种 html 或 xml 文档打交道。无论是从第三方网页抓取信息,还是处理复杂的 xml 配置,亦或是动态生成和修改 html 片段,这些任务都不可避免。然而…

    用户投稿 2026年8月26日
    100
  • 如何解决Magento2图片加载慢的问题,使用Composer和WebP模块让你的电商网站飞起来

    Composer在线学习地址:学习地址 痛点:电商网站的“甜蜜负担”——图片 在电商领域,高质量的产品图片是吸引顾客、促成转化的关键。然而,这些精美的图片也常常成为网站性能的“甜蜜负担”。当用户访问一个图片众多的商品列表页或详情页时,浏览器需要下载大量的图片资源,这直接导致页面加载时间过长。 我曾在…

    用户投稿 2026年8月25日
    100
  • SEO测试太麻烦?juampi92/test-seo助你轻松搞定!

    在网站开发中,保证良好的SEO至关重要,但手动测试每一个页面上的SEO标签,简直让人头大。之前,我一直苦恼于如何高效地验证SEO的正确性。直到我发现了juampi92/test-seo这个Composer包,它简直是SEO测试的救星!Composer在线学习地址:学习地址 juampi92/test…

    用户投稿 2026年8月25日
    500
  • 随便记录下系列 – node->express

    系列记录 – node.js到express的一站式指南 一、在Windows上安装Node.js环境:从官方网站下载Node.js,需替换下载链接 https://nodejs.org/dist/v6.2.0/node-v6.2.0-x64.msi 中的版本号6.2.0为所需版本即可。…

    2026年8月25日
    500
  • 抖音小程序是用什么语音做的

    抖音小程序由字节跳动自主研发,基于其自有的“字节跳动小程序”技术框架构建。该框架在设计上借鉴了微信小程序的开发模式,同时融合了平台自身的特点与需求。开发者可通过 JavaScript、HTML 和 CSS 完成前端界面与逻辑开发,后端则可灵活选用多种服务端语言和技术进行对接。 抖音小程序的技术架构解…

    2026年8月25日
    100
  • 告别文件类型识别难题:adrienrn/php-mimetyper助你轻松搞定MIME类型

    最近在开发一个文件上传和下载相关的模块时,我遇到了文件类型识别的问题。我需要根据文件的扩展名来判断其 MIME 类型,以便正确地处理这些文件。然而,我发现 PHP 内置的函数或者一些简单的库并不能提供足够准确和全面的 MIME 类型映射。一些文件类型的识别不够准确,而且缺少对一些常见文件类型的支持。…

    用户投稿 2026年8月25日
    400
  • 深入解析AJAX参数:它们的重要性何在?

    AJAX的参数详解:为什么它们如此重要? 随着Web应用的复杂性不断增加,用户对于实时响应和无刷新的交互体验的需求也越来越高。在这样的背景下,AJAX(Asynchronous JavaScript and XML)成为了前端开发中的必备技术。它可以实现异步数据交互,从服务器请求数据并将其无缝地展示…

    2025年12月24日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。在本文中,我将为您介绍一些基本的CSS知识,以及一些常用的代…

    2025年12月24日
    600
  • 揭秘Web标准涵盖的语言:了解网页开发必备的语言范围

    在当今数字时代,互联网成为了人们生活中不可或缺的一部分。作为互联网的基本构成单位,网页承载着我们获取和分享信息的重要任务。而网页开发作为一门独特的技术,离不开一些必备的语言。本文将揭秘Web标准涵盖的语言,让我们一起了解网页开发所需的语言范围。 首先,HTML(HyperText Markup La…

    2025年12月24日
    100
  • 揭开Web开发的语言之谜:了解构建网页所需的语言有哪些?

    Web标准中的语言大揭秘:掌握网页开发所需的语言有哪些? 随着互联网的快速发展,网页开发已经成为人们重要的职业之一。而要成为一名优秀的网页开发者,掌握网页开发所需的语言是必不可少的。本文将为大家揭示Web标准中的语言大揭秘,介绍网页开发所需的主要语言。 HTML(超文本标记语言)HTML是网页开发的…

    2025年12月24日
    700

发表回复

登录后才能评论
关注微信