zoukankan      html  css  js  c++  java
  • HTML学习笔记 -- XHTML

    与 HTML 相比最重要的区别:

    文档结构

    • XHTML DOCTYPE 是强制性的
    • <html> 中的 XML namespace 属性是强制性的
    • <html>、<head>、<title> 以及 <body> 也是强制性的

    元素语法

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

    属性语法

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

    <!DOCTYPE ....>是强制性的

    XHTML 文档必须进行 XHTML 文档类型声明(XHTML DOCTYPE declaration)。

    您可以在菜鸟教程的标签参考手册中找到完整的 XHTML 文档类型。

    <html>, <head>, <title>, 和 <body> 元素也必须存在,并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。

    下面的例子展示了带有最少的必需标签的 XHTML 文档:

    <!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>
      <meta charset="utf-8">
      <title>文档标题</title>
    </head>
     
    <body>
    文档内容
    </body>
     
    </html>

    XHTML 元素必须合理嵌套

    <b><i>粗体和斜体文本</i></b>

    XHTML 元素必须有关闭标签

    <p>这是一个段落</p>
    <p>这是另外一个段落</p>

    空元素必须包含关闭标签

    分行:<br />
    水平线: <hr />
    图片: <img src="happy.gif" alt="Happy face" />

    XHTML 元素必须是小写

    <body>
    <p>这是一个段落</p>
    </body>

    属性名称必须是小写

    <table width="100%">

    属性值必须有引号

    <table width="100%">

    不允许属性简写

    <input checked="checked">
    <input readonly="readonly">
    <input disabled="disabled">
    <option selected="selected">

    如何将 HTML 转换为 XHTML

    1. 添加一个 XHTML <!DOCTYPE> 到你的网页中
    2. 添加 xmlns 属性添加到每个页面的html元素中。
    3. 改变所有的元素为小写
    4. 关闭所有的空元素
    5. 修改所有的属性名称为小写
    6. 所有属性值添加引号

    使用 W3C 验证器来测试你的 XHTML

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.runoob.com

    请在下面的输入框中输入您的网址:

  • 相关阅读:
    Vue学习(十七)修饰符
    组件学习(一)开发组件前必读
    vue学习(十六)“就地更新”策略
    nrm学习(一)
    帧动画的多种实现方式与性能对比
    JavaScript中的二进制对象
    生成式模型与判别式模型
    堡垒机
    vue生产环境nginx配置代理转发跨域
    Ceph nautilus 集群部署
  • 原文地址:https://www.cnblogs.com/lyan/p/9889711.html
Copyright © 2011-2022 走看看