`
Odysseus_110
  • 浏览: 121526 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

!DOCTYPE 标签中 Transitional 和 Strict的区别

阅读更多

在项目中使用到JQuery菜单:http://www.i-marco.nl/weblog/jquery-accordion-menu/

 

 

在其他的浏览器里菜单没有问题,但在ie6 下面 会出现不停闪动的情况,最后排查原因,居然是头部的问题,

用这个(这个是eclipse自动生成的)就不行,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 

而必须用i-marco例子里的头ok了:

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

 

 

 写道
  定义 指定文档类型定义。 Frameset 框架集文档。
  Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素,因为样式表已经很完善了。
  Transitional 包含除 frameSet 元素的全部内容。

 

 

 

 写道
HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML 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">
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">
XHTML
XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。
XHTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 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 Frameset DTD
当您希望使用框架时,请使用此 DTD!
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档,您可以把您的 XHTML 页面链接到一个 XHTML 验证器。

 

 

 

查看菜单插件的css,发现里面有一个属性可能会引出浏览器兼容问题:list-style-type: decimal-leading-zero; 

网上也有说ie6不支持的  http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/ListStyleType.html

 

参考:

 

百度百科:http://baike.baidu.com/view/1091028.htm

http://www.w3school.com.cn/tags/tag_doctype.asp

 

分享到:
评论

相关推荐

    HTML !DOCTYPE 标签.docx

    DOCTYPE&gt;`标签是HTML文档中必不可少的一部分,它定义了文档所遵循的规范,影响浏览器的解析方式,从而确保代码的标准化和兼容性。选择合适的DTD类型可以更好地控制文档的结构和样式,同时提高对不同浏览器的兼容性。

    网页 DOCTYPE html标签的作用1

    在网页开发中,`&lt;!DOCTYPE&gt;` 是一个非常重要的声明,它的主要作用是告诉浏览器文档遵循的HTML或XHTML规范版本,以便浏览器能够正确地解析和渲染页面内容。这个声明位于HTML文档的开头,且必须在 `&lt;html&gt;` 标签之前。...

    DOCTYPE文档类型声明

    XHTML 1.0和XHTML 1.1也有类似的区别,例如XHTML 1.0 Strict的声明为: ```html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; ``` 而XHTML ...

    html标题_DOCTYPE的含义

    在HTML 4.01和XHTML 1.0中,有三种不同的DOCTYPE声明: 1. **HTML Strict DTD**:这是一种严格的文档类型,要求HTML代码符合语义,不允许任何表现层(如样式)的元素和属性。推荐与CSS一起使用,以实现样式控制。...

    DOCTYPE 标签

    DOCTYPE标签在HTML和XHTML文档中扮演着至关重要的角色,它是文档类型定义(Document Type Definition)的简写,用于告诉浏览器文档遵循的HTML或XHTML规范。DOCTYPE声明位于文档的开头,即`&lt;html&gt;`标签之前,其主要...

    HTML &lt;!DOCTYPE&gt; 标签

    在不同的浏览器中,如果没有声明DOCTYPE,页面可能会在不同的渲染模式下显示,导致布局和样式差异。例如,Firefox(FF)和Internet Explorer(IE)在默认情况下对非DOCTYPE声明的HTML有不同的解释。因此,为了避免...

    HTML 元素与合法的 Doctype.docx

    在开发过程中,选择合适的DOCTYPE可以帮助确保网页在不同浏览器和设备上的表现一致。同时,随着HTML5的普及,`&lt;!DOCTYPE html&gt;`这一简单的声明已成为标准,它指示浏览器使用最新的标准模式来解析文档,而无需指定...

    XHTML教程:Transitional和Strict的区别

    XHTML 1.0规范中,根据不同的设计需求,提供了两种主要的DOCTYPE声明:Transitional(过渡型)和Strict(严格)。此外,还有Frameset DOCTYPE,但在此不予详述。这两种类型的DOCTYPE在HTML 4.01中也有所体现,分别...

    HTML 版本声明 DOCTYPE 标签

    在HTML4.01中,DOCTYPE声明通常与三个不同的文档类型关联:Strict、Transitional和Frameset。其中,Strict版本要求严格的标记规范,Transitional版本允许使用一些过时的标签,而Frameset版本用于包含框架的页面。 ...

    HTML5程序设计学习笔记

    DOCTYPE&gt;`声明,分别对应严格的(Strict)、过渡的(Transitional)和框架集(Frameset)模式。 - **Strict**:不包含任何展示性和弃用的元素。 - **Transitional**:包含了展示性元素如`&lt;font&gt;`等。 - **Frameset**:...

    CSS失效怎么办?请检查网页最头部是否包含Doctype标签

    如果CSS都是正确的,链接也没有出错的话,这时你就需要检查你的网页最头部是否包含Doctype标签了。有的朋友也许会说,以前我新建网页后都把它去掉了,没用。其实这种做法是错误的!那么,这句话究竟是什么意思,又有...

    web前端面试题集锦及答案解析

    3. **`&lt;img&gt;`标签的Title与Alt属性的区别**: - **Title属性**:用于提供额外的辅助信息,当鼠标悬停在元素上时通常会显示出来。 - **Alt属性**:专用于`&lt;img&gt;`标签,提供图片内容的替代描述。在图片无法加载时...

    DOCTYPE类型详细介绍

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;!DOCTYPE ...

    DOCTYPE元素详解 完整版

    在HTML中,主要有三种文档类型:Strict、Transitional和Frameset,而XHTML中也有对应的Strict、Transitional和Frameset类型。 Strict类型是推荐使用的方式,它不含任何表现层的混乱标记,需要配合层叠样式表(CSS)...

    WebRebuild北京第一届交流会之2:《浏览器兼容性问题简介》——黄昊

    IE8的模式选择受到X-UA-Compatible HTTP头部、HTML meta标签和DOCTYPE的影响。 编写具有良好兼容性的网页需要遵循以下原则: 1. 使用标准模式,如HTML5的DOCTYPE声明:`&lt;!DOCTYPE html&gt;` 2. 遵循W3C的CSS标准,定期...

Global site tag (gtag.js) - Google Analytics