HTML 向 XHTML1.0 兼容性指导

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实现小三角边框原理解析

    使用CSS实现小三角边框的原理解析,主要是利用CSS的border属性、伪元素及其定位来实现。 一、border实现 首先,我们使用CSS border属性来实现边框,将其设为缩写形式border: width style color; 即可设置边框的宽度、样式和颜色。其中样式有四种——solid(实线)、dotted(点线)、dashed(虚线)和doub…

    css 2023年6月10日
    00
  • CSS中@用法小结(示例详解)

    以下是“CSS中@用法小结(示例详解)”的完整攻略: CSS中@用法小结 在 CSS 中,@ 符号用于定义一些特殊的规则和语法。以下是一些常用的 @ 规则。 @import 规则 @import 规则用于导入外部样式表,以下是一个示例: @import url("styles.css"); @media 规则 @media 规则用于定义媒…

    css 2023年5月18日
    00
  • jQuery中文入门指南,翻译加实例,jQuery的起点教程

    下面是针对“jQuery中文入门指南,翻译加实例,jQuery的起点教程”的完整攻略。 1. 简介 jQuery 是目前最流行的 JavaScript 库之一,主要用来简化 HTML 文档的遍历、事件的处理以及动画的实现。它简化了很多 JavaScript 的操作,让开发者可以更加快速、方便地完成页面交互效果的开发。 2. 指南 2.1. 安装 jQuery…

    css 2023年6月10日
    00
  • 浮动的div自适应居中显示的js代码

    首先要明确的是,实现“浮动的div自适应居中显示”的效果有多种方法,其中一种是使用JavaScript计算浮动div的位置并修改CSS样式来实现。下面是一个实现该效果的完整攻略,包含两个示例说明。 一、理解问题 首先,我们要清楚如何定义“浮动的div自适应居中显示”。具体来说,它应该符合以下要求: div元素是浮动的,也就是说它将脱离文档流并且没有固定位置。…

    css 2023年6月10日
    00
  • Javascript复制实例详解

    Javascript复制实例详解 前言 Javascript中的复制实例是指复制一份与原始实例相同的对象,包括对象的属性、方法以及原型对象等。本文将详细介绍Javascript中实现对象复制的方法和技巧。 浅复制和深复制 在Javascript中,我们经常需要将对象复制一份来进行操作和修改,比如修改原对象的属性值、添加或删除属性,而又不想影响到原对象,则需要…

    css 2023年6月10日
    00
  • CSS进阶指引

    当您已经了解了CSS基础知识之后,您可以开始学习CSS进阶内容。下面是我建议的学习方法及一些实用技巧。 相对单位 在设计现代网站时,经常需要使用百分比和em(或rem)两种相对单位。百分比单位用于布局和呈现响应式设计,而em(或rem)用于设置字体大小,允许字体以缩放方式自适应其容器和屏幕大小。 百分比单位 百分比单位可以相对于它的容器进行计算。例如,您可以…

    css 2023年6月9日
    00
  • CSS如何修改tr边框属性实例详解

    在网页设计中,我们经常需要修改表格的边框属性,以使其更符合我们的设计需求。下面是一个完整攻略,包含了如何使用 CSS 修改 tr 边框属性的过程和两个示例说明。 CSS 如何修改 tr 边框属性的过程 1. 使用 border-collapse 属性 我们可以使用 CSS 的 border-collapse 属性来修改 tr 边框属性。下面是一个示例: &l…

    css 2023年5月18日
    00
  • css实现鼠标放上去时图片过渡转换动画效果

    下面我将详细讲解“CSS实现鼠标放上去时图片过渡转换动画效果”的完整攻略。 1. 使用:hover伪类 CSS中的:hover伪类可以在鼠标放置在元素上方时应用一些效果,因此它是实现图片过渡转换动画效果的关键。 例如,我们可以通过下面的CSS代码为一个img标签添加当鼠标放置在其上方时,图片大小进行缓慢过渡的效果: img:hover { transitio…

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