HTML 向 XHTML1.0 兼容性指导

yizhihongxing

HTML 向 XHTML1.0 兼容性指导主要包括以下几个方面:

1. DOCTYPE 声明

在 XHTML 中,需要在文档开头声明 DOCTYPE,HTML 4.01 的 DOCTYPE 声明如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

而在 XHTML 中,DOCTPYE 声明为:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

可以看到,两者的主要区别就是 DOCTYPE 的声明方式和文档类型,因此在将 HTML 转化为 XHTML 时,需要做出相应的修改。

2. 标签必须正确嵌套

在 XHTML 中,标签必须正确嵌套,即每次打开标签后必须在合适的位置关闭该标签,否则会导致页面展示异常或者无法正常显示。举例说明:

<!--错误的嵌套方式-->
<p><em>这是一段有意思的<em>文字</p></em>
<!--正确的嵌套方式-->
<p><em>这是一段有意思的<em>文字</em></em></p>

3. XHTML 标签必须小写

所有 XHTML 的标签都必须是小写的,而在 HTML 中大小写不敏感,举例说明:

<!--错误的大小写-->
<HTML>
    <HEAD>
        <TITLE>XHTML 指南</title>
    </HEAD>
    <BODY>
        <H1>这是一篇XHTML指南</h1>
        <p>在这个指南当中,我们将会学习如何将HTML转化为XHTML1.0</p>
    </BODY>
</HTML>
<!--正确的大小写-->
<html>
    <head>
        <title>XHTML 指南</title>
    </head>
    <body>
        <h1>这是一篇XHTML指南</h1>
        <p>在这个指南当中,我们将会学习如何将HTML转化为XHTML1.0</p>
    </body>
</html>

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:HTML 向 XHTML1.0 兼容性指导 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • CSS如何使DIV层居中

    CSS如何使DIV层居中 在CSS中,可以使用多种方法将DIV层居中,以下是两种常用的方法: 方法一:使用margin属性 可以使用margin属性来将DIV层居中。可以按照以下步骤操作: 在CSS文件中,选择要居中的DIV层,并设置其宽度和高度。例如: div { width: 200px; height: 100px; background-color:…

    css 2023年5月18日
    00
  • JS实现的RGB网页颜色在线取色器完整实例

    下面是“JS实现的RGB网页颜色在线取色器完整实例”的详细攻略。 1. 实现思路 此取色器实现的主要流程如下: 生成一个颜色面板 当用户点击面板中的某个颜色区域,该区域的颜色会被选中 预览区域实时展示当前选中的颜色 点击确认按钮将选中的颜色返回 2. HTML 结构 首先在 HTML 文件中定义以下结构: <div class="color-…

    css 2023年6月9日
    00
  • 详解css图像拼合技术(精灵图)

    下面是“详解CSS图像拼合技术(精灵图)”的完整攻略。 什么是CSS图像拼合技术 CSS图像拼合技术,也叫精灵图技术,是指将多个小图像合成一张大的背景图片,减少页面加载次数,提升页面加载速度和性能的一种技术。通过CSS的背景定位和尺寸调整来显示需要的图像。 精灵图的原理 精灵图的原理就是将多个小图像合成一张大的背景图片,通过CSS的背景定位和尺寸调整来显示需…

    css 2023年6月10日
    00
  • 真正了解CSS3背景下的@font face规则

    以下是关于“真正了解CSS3背景下的@font face规则”的完整攻略: 1. 了解@font-face规则 @font-face规则是CSS3中用来定义自定义字体的方法。它允许我们将自定义字体加载到网页上,而不必决定与用户计算机上预安装的字体的权衡。@font-face允许我们使用网络上的字体,并将它们应用于我们的网站中。 下面是@font-face规则…

    css 2023年6月9日
    00
  • CSS页面布局中HTML结构化

    当我们在进行CSS页面布局时,HTML结构化的清晰和合理是非常重要的。这意味着我们应该将我们的页面标记成语义正确的HTML元素,并以正确的方式嵌套它们。以下是CSS页面布局中HTML结构化的完整攻略: 1. 分解你的网站并对其进行规划 在开始编写HTML代码之前,您应该先花些时间规划您的网站外观。如果您已有设计图,先将其细分为版块并确定每个版块的内容。如无,…

    css 2023年6月9日
    00
  • jQuery弹出层插件简化版代码第2/2页

    来详细讲解一下“jQuery弹出层插件简化版代码第2/2页”的完整攻略。 一、简介 本插件是基于jquery的弹出层插件,可以快速为网站添加各种弹出框效果。本文主要讲解该插件的使用方法。 二、使用方法 1. 引入必要的文件及初始化插件 需要在html文件中引入jquery、jquery-popup.js和jquery-popup.css等文件。 <li…

    css 2023年6月10日
    00
  • text-indent的用法包括块级元素等详细总结

    下面是关于text-indent的用法的详细攻略。 1. text-indent 简介 text-indent 是 CSS 的一个文本缩进属性,作用是控制文本的缩进量。具体来说,它只影响文本的首行,后续行不受影响。 text-indent 可以应用于块级元素(如 <p>,<div> 等)和列表项(如 <li>)。如果应用于…

    css 2023年6月10日
    00
  • JS之获取样式的简单实现方法(推荐)

    下面为您详细讲解“JS之获取样式的简单实现方法(推荐)”的完整攻略。 概述 在编写前端页面时,我们经常需要获取某个元素的样式,以此来进行后续的操作。而JS提供了简单的方法来实现获取样式的功能,本篇攻略将为大家介绍其中的主要方法和使用技巧。 代码示例 我们可以使用window.getComputedStyle()方法来获取元素的计算样式。以下为获取元素Id为m…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部