`
cpu
  • 浏览: 167948 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

网站页面在不同的浏览器的显示问题.页面验证为正确的 XHTML

阅读更多
    最近做一个项目,页面在不同的浏览器显示效果不一样,在FireFox里显示正常,在IE里显示就有点变形.
    调试很多CSS还是有点一样.最后找到原因,每个浏览器的默认"文件类型声明" 不一样.统一DOCTYPE就可以了. 页面验证为正确的 XHTML
我们使用 "过渡的 DTD"的就可以了.

过渡的 DTD
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



严格的 DTD 可能显得“太严格了”。
严格的 DTD
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


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


备注:
XHTML 是更严谨更纯净的 HTML 版本。
XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。
XHTML 是 HTML 与 XML(扩展标记语言)的结合物。



分享到:
评论

相关推荐

    WEB开发 之 XHTML 验证.docx

    通过选择合适的DTD并使用W3C验证器,开发者可以确保他们的页面能够被各种浏览器正确解析,提高用户体验,并为搜索引擎优化奠定坚实基础。因此,在进行Web开发时,对XHTML文档进行验证是不可或缺的一个步骤。

    xhtml

    3. **逐步转换**:可以先从部分页面或模块开始,逐渐将整个网站转换为XHTML。 4. **测试与验证**:利用W3C的在线验证工具检查文档是否符合XHTML标准,确保无误后正式上线。 #### 六、结论 掌握XHTML不仅是提升个人...

    w3c标准 html标准验证 xhtml标准验证 css标准验证

    在Web开发领域,遵循W3C标准对于创建高质量、可维护和跨浏览器兼容的网页至关重要。HTML、XHTML和CSS标准验证确保了网页代码的规范性,有助于提高用户体验和搜索引擎优化。以下是一些关于这些标准验证及常见错误解决...

    期末前端web大作业:餐饮美食网站设计与实现——HTML+CSS+JavaScript美食餐饮网站 3页面

    - **兼容性问题**:需要注意JavaScript代码的执行环境兼容性,确保在不同浏览器中的表现一致。 ### 4. 网页编辑与工具 #### 4.1 编辑工具 - **常用编辑器**:Dreamweaver、HBuilderX、VScode、Webstorm等。 - **...

    浏览器的CSS兼容问题

    4. **测试验证**:在多个浏览器环境下进行测试,确保页面在所有目标浏览器中的表现一致。 5. **逐步淘汰老旧浏览器**:随着技术的发展,建议逐渐放弃对IE6、IE7等老旧浏览器的支持,鼓励用户升级到更现代的浏览器。 ...

    如何将html转换成XHTML

    页面是否能够正确地被解析为XHTML,很大程度上取决于DOCTYPE声明。特别是对于Internet Explorer 6等较老版本的浏览器而言,不同的DOCTYPE可能会导致不同的渲染模式。因此,在进行转换时,确保正确设置DOCTYPE是非常...

    .XHTML基础

    - **框架型(Frameset)**:专为包含框架的页面设计,适用于多窗格布局的网站。 ``` &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt; ``` ...

    提高页面加载速度的若干方式 .doc

    1. **兼容性优化**:确保页面在不同浏览器如IE6、IE7和Firefox之间具有良好的兼容性,这通常需要使用条件注释或浏览器特定的CSS hack来解决。 2. **采用XHTML标准和Div+CSS布局**:XHTML标准提供更严谨的语法,有助...

    不要错过XHTML经典教程

    由于XML的严格性,XHTML有助于确保网页在不同的设备和浏览器上的一致渲染,包括移动设备和屏幕阅读器。 **XHTML的学习路径:** 学习XHTML前,建议先掌握HTML的基础,理解标签的用途和语义。然后,通过学习XHTML的...

    XHTML学习资料

    5. **验证与兼容性**:使用W3C提供的验证工具检查XHTML代码的正确性,确保符合标准。同时,考虑到不同浏览器的差异,要关注代码的跨浏览器兼容性问题。 6. **实例实践**:理论学习之余,动手编写XHTML页面是巩固...

    在XHTML中嵌入JavaScript的方法

    JavaScript是一种广泛使用的客户端脚本语言,它允许在用户浏览器上执行代码,实现动态内容更新、表单验证、页面导航等多种功能。在XHTML文档中嵌入JavaScript主要有以下几种方法: 1. **内部脚本**:可以直接在HTML...

    W3C标准XHTML

    2. **互操作性**:XHTML的标准化使得不同浏览器和设备都能更好地理解和显示页面,增强了跨平台的兼容性。 3. **可访问性**:遵循W3C标准的XHTML有助于创建更符合无障碍访问原则的网页,使视障或其他障碍的用户也能...

    xhtml网页设计规范.pdf

    在响应式网页设计方面,文档提到了屏幕分辨率(1024x768px, 1000px等),以及不同分辨率下的网页元素尺寸(如4x3、1x1),这些信息表明,设计者会考虑不同设备显示页面时的兼容性和适应性,确保网页能够适应不同的...

    XHTML(适合初学者)

    3. **增强的跨平台兼容性**:由于其严格的语法结构,XHTML在不同的平台上具有更好的兼容性和一致性。 4. **简化调试过程**:由于严格的规范,XHTML文档更容易被调试和验证。 #### 总结 XHTML作为一种更加严格和...

    XHTML与CSS需要掌握的八个问题

    在探讨XHTML与CSS需要掌握的八个问题时,...综上所述,掌握这些XHTML与CSS的关键知识点,不仅有助于提升网页设计的专业水平,还能有效应对各种浏览器兼容性问题,确保网站在不同设备和环境下都能呈现出最佳的视觉效果。

    WEB开发 之 XHTML 语法.docx

    为了保证XHTML与现有浏览器的兼容性,通常会在自闭合标签的斜杠前添加一个空格,如`&lt;img src="..." /&gt;`。 6. **语言属性(lang)** `lang`属性用于指定元素内容的语言类型,例如`lang="en"`代表英语。而在XHTML中...

    13个优秀的网站检测工具推荐

    它可以模拟出不同的浏览器版本,生成截图,方便开发人员查看网站在不同浏览器下的显示效果。 2. IETester IETester 是一个免费的 Web 浏览器调试工具,可以模拟出不同的 js 引擎,帮助程序员设计效果统一的代码。...

    xhtml帮助文档学习手册

    8. **验证工具**:W3C提供了一个在线的XHTML验证器,可以帮助开发者检查文档的语法错误,确保符合XHTML规范。 通过阅读“XHTML教程.doc”,你可以系统地学习这些概念,并通过实践来提升你的XHTML编码技能。这份文档...

Global site tag (gtag.js) - Google Analytics