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

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

浏览器XHTMLIEHTMLFirefox 
阅读更多
    最近做一个项目,页面在不同的浏览器显示效果不一样,在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（扩展标记语言）的结合物。



分享到：
| Html 视觉效果和界面动画
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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编码技能。这份文档...

Magicbox
Global site tag (gtag.js) - Google Analytics