html5页面的dtd定义是,HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题...

最新推荐文章于 2023-04-16 16:29:41 发布
最新推荐文章于 2023-04-16 16:29:41 发布
阅读量1.4k 收藏
点赞数
文章标签： html5页面的dtd定义是

HTML 标签用法详解及如何解决未声明时导致页面无效的问题(由www.169it.com搜集整理)

浏览器呈现模式和doctype

现代浏览器包括不同的呈现模式，目的是既支持遵循标准的网页，也支持为老式浏览器而设计的网页。其中， Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页，而 Quirks (包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页。另外，注意Mozilla/Netscape 6新增了一种 Almost Standards (近似标准)模式，用于支持为标准的某个老版本而设计的网页。

HTML 标签定义和用法

声明必须是 HTML 文档的第一行，位于 标签之前。

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

HTML 文档必须添加 声明，这样浏览器才能获知文档类型。

常用的 DOCTYPE 标签的用法

HTML 5中DOCTYPE标签的声明html>

HTML 4.01 Strict中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional 中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset中DOCTYPE标签的声明

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

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

XHTML 1.0 Transitional中DOCTYPE标签的声明

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset中DOCTYPE标签的声明

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。

html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

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

XHTML 1.1中DOCTYPE标签的声明

该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型(例如提供对东亚语系的 ruby 支持)。html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 标签的用法注意事项

1. 声明没有结束标签。

2. 声明对大小写不敏感。

3. 请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档！

HTML 标签的浏览器支持

支持的浏览器包括

03fd5d8a8ce8b747a26f0eb8047ca27d.png

如何解决未声明时导致页面无效的问题

DOCTYPE未声明会导致某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，也就是相同页面的js代码不兼容多个版本的不同浏览器。解决未声明时导致页面无效的问题，就是在你的html页面的第一行添加""一行代码就可以了。

HTML 标签用法示例html>

HTML  标签用法详解及如何解决html>未声明时导致页面无效的问题

常用的 DOCTYPE 标签的用法......

啊倩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解HTML5布局和HTML5标签
01-18
一、新的文档类型声明(DTD) 文档类型声明 HTML 5的DTD声明为:  <!doctype html> ... <header> 标记定义一个页面或一个区域的头部  <nav> 标记定义导航链接  <section> 标记定义一个区域  <aside> 标
jsp中<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 。。的重要性
热门推荐
Emine
11-23 2万+
在jsp先看2个很奇怪的现象 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> Insert title here function getpro(selProvance) { alert("go");//可以输出go // alert(s
html引用外部样式表无效果,HTML外部引用CSS文件不生效的原因,web项目引用css无效...
weixin_39771351的博客
06-03 3728
HTML外部引用CSS文件不生效的原因html外部引用CSS文件无效的原因，HTML外部引用CSS文件无效的原因：1。没有关联外部CSS样式表文件或关联路径错误；2.样式表的编码错误被保存。您可以将css文件保存为utf-8编码。教程： windows 7系统操作环境，html 5 css3版本，戴尔G3电脑。推荐：css视频教程HTML外部引用CSS文件不生效的原因1.外部CSS样式表文件没...
jsp页面的css加载不出来是因为＜!DOCTYPE html＞惹的祸?（哪里有bug我来踩）
weixin_45637920的博客
11-05 2757
踩bug使我快落，今天在学习smbms管理系统的时候手贱啊，问题解决就很明朗！！ 首先要对<!DOCTYPE html>要有一定的认识，积累多多总有好处！ 那么我来讲一下今天我遇到的问题，因为一开始对于jsp加这个有点不太了解，所以总认为是这个<!DOCTYPE html>的错误，但是很庆幸自己从这个认知里面走出来。 真实问题是： 过滤器导致的对text/html的全局设置，改变了所有的contentType，包括css的，这样就发生问题了。 问题详解： chrome浏览器的.
jsp中引入css无效问题，layui error hint: xxxx timeout，记录＜!DOCTYPE html＞的坑
soladuor
04-16 630
摘要：去掉＜!DOCTYPE html＞ 即可
doctype html css,选择合适的Doctype 解决CSS失效
weixin_30577815的博客
06-15 225
在HTML中假设不运用或增多DOCTYPE标签，整个HTMLCSS将会失效。假定你的CSS都是正确的，链接也没有蜕化的话，为什么正好CSS样式不生效呢？你大约正在为这个事而焦头烂额，呵呵，不要消极，我曩昔也被这个事弄得头大过。这时候你需要检查你的网页最头部能否有以下一句话了？有的朋侪或许会说，以前我新建网页后都把它去掉了，没用。此刻我要演讲你，这类做法是过错的！那末，这句话终于是什么含义，又有哪...
HTML之交互式表单
天涯~的博客
12-10 3349
首先来了解一下浏览器提交表单与服务器的交互过程，如下图所示： （1）使用元素，以及在其间嵌入的相关元素（称为控件），就可以创建作为HTML文档一部分的表单。 表单的基本语法如下： ...... method：用于指定向服务器发送表单数据时所使用的HTTP方法，可以使get或post两种方法中的一种，get是缺省的方法。当采用get方法提交表单时，提交的数据被附加到URL的末
html1524: html5 doctype 无效,HTML !DOCTYPE 标签 声明HTML版本 | HTML5资源教程
weixin_35916518的博客
06-03 1100
常用的 DOCTYPE 声明HTML 5HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。HTML 4.01 Transitional该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。HTML 4.01 Frames...
html1524: html5 doctype 无效,这代码为什么加了<!DOCTYPE html>就失效了
weixin_35174422的博客
06-03 1295
html>iRock-TheVirtualPetRockvaruserName;functionresizeRock(){document.getElementById("rockImg").style.height=(document.body.clientHeight-100)*0.9;}functiongreetUser(){alert('Hello,...
详解html中表格table的行列合并问题解决
11-19
因为要做个网站，里面的内容除了大段文字之外，还有大量的表格，这就发现了表格排版的问题。...DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a>http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra
DOCTYPE元素详解 完整版
01-19
DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪
HTML文档类型详解 推荐
01-19
DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN> 关于HTML文档类型参考：http://i.wanz.im/2010/05/28/why_doctype_html/ 检查发现JS在获取当前页面可视大小，和页面滚动位置有差别！在页面包含一个...
JQuery标签页效果实例详解
01-19
本文实例讲述了JQuery标签页效果实现方法。分享给大家供大家参考，具体如下： 第一个标签页中鼠标滑过显示不同的标签页，第二个标签页中点击不同标签加载其他页面中的内容，加载等待的图片缓慢隐藏，效果图如下： /...
关于 Html 中的 DOCTYPE 声明作用
yicunyangguang的博客
03-18 446
作用： 用来告知 Web 浏览器页面使用了哪种 HTML 版本，确保了浏览器能够预先知道文档类型，正确的渲染内容。 定义： 1、&lt;!DOCTYPE&gt; 声明位于文档中的最前面的位置，处于 &lt;html&gt; 标签之前。 2、在 HTML 4.01 中，&lt;!DOCTYPE&gt; 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Sta...
django加载html5 !DOCTYPE html 的css不生效
qq_27361945的博客
03-28 4420
django加载html5（&lt;!DOCTYPE html&gt;）的css不生效         html5是规范前...
IE11下，<!doctype>声明加html不能加载css的问题
panling_dml的博客
11-09 4223
系统版本win10,在html中头部声明,IE11下不能加载css，搜了下，是注册表的问题。 把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了，原来的值是application/x-css
html 内联样式表失效,HTML 样式- CSS:内联样式、内部样式表、外部引用
weixin_34313368的博客
06-03 192
HTML 样式- CSSCSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。Look! Styles and colorsManipulate TextColors, Boxesand more...如何使用CSSCSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.CSS 可以通过以下方式添加到HTML中:内联样式- 在HTML元素中...
$().html()对ie9无效,【急】关于网站不支持IE9和IE10问题
weixin_39690391的博客
06-07 513
在IE和chrome控制台调试时发现错误，先排查以下问题试试：IE10:HTML1524: HTML5 DOCTYPE 无效。请考虑使用交互式表单“”。文件: OrderList.aspx，行: 2，列: 1DOM7011: 此页上的代码禁用了反向和正向缓存。有关详细信息，请参阅: http://go.microsoft.com/fwlink/?LinkID=291337文件: Login.asp...
前18大旋转修整器企业占据全球87%的市场份额.docx
最新发布
05-06
前18大旋转修整器企业占据全球87%的市场份额
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> 和 <!doctype html> <html> 的区别
06-13
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>` 是 HTML 4.01 Transitional 的 DOCTYPE 声明，而 `<!doctype html> <html>` 是 HTML5 的 DOCTYPE 声明。 HTML 4.01 Transitional 是一个旧版本的 HTML 规范，它允许使用一些过时的元素和属性，同时也包含了一些新的元素和属性。而 HTML5 是一个更新的 HTML 规范，它更加严格，移除了一些过时的元素和属性，同时引入了很多新的元素和属性。 在 HTML 文档中，DOCTYPE 声明用于告诉 web 浏览器使用哪个 HTML 规范来解析文档。HTML 4.01 Transitional 的 DOCTYPE 声明告诉浏览器使用 HTML 4.01 Transitional 规范来解析文档，而 `<!doctype html>` 的 DOCTYPE 声明则告诉浏览器使用 HTML5 规范来解析文档。 总的来说，如果你想使用 HTML5 的新特性和语法，应该使用 `<!doctype html>` 的 DOCTYPE 声明。如果你需要兼容老旧的浏览器或者使用一些过时的元素和属性，可以考虑使用 HTML 4.01 Transitional 的 DOCTYPE 声明。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值