HTML与XHTML

目录

XHTML简介

什么是 XHTML?

为什么使用 XHTML?

文档结构

元素语法

属性语法

是强制性的

如何从 HTML 转换到 XHTML

XHTML元素

XHTML 元素 - 语法规则

XHTML 元素必须正确嵌套

XHTML 元素必须始终关闭

空元素也必须关闭

XHTML 元素必须小写

XHTML属性

XHTML 属性 - 语法规则

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

禁止属性简写

总结


2023兔年来临,首先在这里恭祝大家新年快乐,心想事成,前程似锦!


XHTML简介


XHTML 是以 XML 格式编写的 HTML。


什么是 XHTML?

  • XHTML 指的是可扩展超文本标记语言
  • XHTML 与 HTML 4.01 几乎是相同的
  • XHTML 是更严格更纯净的 HTML 版本
  • XHTML 是以 XML 应用的方式定义的 HTML
  • XHTML 是 2001 年 1 月发布的 W3C 推荐标准
  • XHTML 得到所有主流浏览器的支持

为什么使用 XHTML?

因特网上的很多页面包含了“糟糕”的 HTML。

如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则):



This is bad HTML

Bad HTML

This is a paragraph

XML 是一种必须正确标记且格式良好的标记语言。

如果希望学习 XML,可以参阅 XML 教程。

如今的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动设备或其他小型设备上运行。小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。

所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

与 HTML 相比最重要的区别:

文档结构

  • XHTML DOCTYPE 是强制性的
  • 中的 XML namespace 属性是强制性的
  • 、、 以及 <body> 也是<strong><em>强制性的</em></strong></li> </ul> <h3 id="%E5%85%83%E7%B4%A0%E8%AF%AD%E6%B3%95">元素语法</h3> <ul> <li>XHTML 元素必须<strong><em>正确嵌套</em></strong></li> <li>XHTML 元素必须始终<strong><em>关闭</em></strong></li> <li>XHTML 元素必须<strong><em>小写</em></strong></li> <li>XHTML 文档必须有<em>一个<strong>根元素</strong></em></li> </ul> <h3 id="%E5%B1%9E%E6%80%A7%E8%AF%AD%E6%B3%95">属性语法</h3> <ul> <li>XHTML 属性必须使用<strong><em>小写</em></strong></li> <li>XHTML 属性值必须用<strong><em>引号包围</em></strong></li> <li>XHTML 属性最小化也是<strong><em>禁止的</em></strong></li> </ul> <hr> <h2 id="%3C!DOCTYPE%20....%3E%20%E6%98%AF%E5%BC%BA%E5%88%B6%E6%80%A7%E7%9A%84"><!DOCTYPE ....> 是强制性的</h2> <p>XHTML 文档必须进行 XHTML 文档类型声明(XHTML DOCTYPE declaration)。</p> <p>我们可以参阅标签参考手册: XHTML 文档类型。</p> <p><html>、<head>、<title> 以及 <body> 元素也必须存在,并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。</p> <p>下面的例子展示了带有最少的必需标签的 XHTML 文档:</p> <pre><code class="language-html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title of document ......

    如何从 HTML 转换到 XHTML

    1. 向每张页面的第一行添加 XHTML
    2. 向每张页面的 html 元素添加 xmlns 属性
    3. 把所有元素名改为小写
    4. 关闭所有空元素
    5. 把所有属性名改为小写
    6. 为所有属性值加引号

    XHTML元素


    XHTML 元素是以 XML 格式编写的 HTML 元素。


    XHTML 元素 - 语法规则

    • XHTML 元素必须正确嵌套
    • XHTML 元素必须始终关闭
    • XHTML 元素必须小写
    • XHTML 文档必须有一个根元素

    XHTML 元素必须正确嵌套

    在 HTML 中,某些元素可以不正确地彼此嵌套在一起,就像这样:

    This text is bold and italic

    在 XHTML 中,所有元素必须正确地彼此嵌套,就像这样:

    This text is bold and italic

    XHTML 元素必须始终关闭

    这是错误的:

    This is a paragraph

    This is another paragraph

    这是正确的:

    This is a paragraph

    This is another paragraph


    空元素也必须关闭

    这是错误的:

    A break: 
    A horizontal rule:
    An image: Happy face

    这是正确的:

    A break: 
    A horizontal rule:
    An image: Happy face

    XHTML 元素必须小写

    这是错误的:

    
    

    This is a paragraph

    这是正确的:

    
    

    This is a paragraph


    XHTML属性


    XHTML 属性是以 XML 格式编写的 HTML 属性。


    XHTML 属性 - 语法规则

    • XHTML 属性必须使用小写
    • XHTML 属性值必须用引号包围
    • XHTML 属性最小化也是禁止的

    XHTML 属性必须使用小写

    这是错误的:

    这是正确的:


    XHTML 属性值必须用引号包围

    这是错误的:

    这是正确的:


    禁止属性简写

    这是错误的:

    
    
    
    

    这是正确的:

    
    
    
    

    总结

    本节学习了一种新的语法格式:XHTML,是由XML和HTML结合的一种形式。我们可以通过下面的网站简要做20道题测试一下是否掌握:

    传送门——开始 XHTML 测验

    你可能感兴趣的:(HTML入门,进阶与实战,xhtml,html,javascript,前端)