• [Web] 被遗忘的知识点 XHTML


    前言


    首先我想问大家一个问题,你们在写HTML代码时,是使用大写还是小写?有人说用小写,也有人说大写,还有人说都可以。我想说最好用小写,原因如下:使用小写可读性更强,还有就是小写可以让你的代码更加兼容XML代码规范(如果你使用XHTML的话,你需要如此)。

    这里我们引出了XHTML,那么XHTML是什么,它和HTML是什么关系,它具有哪些规范。XHTML是更加严格的HTML,它由W3C组织发布,用于帮助网页开发者由HTML向XML的过渡。因此你可以将XHTML理解为HTML和XML的中间产物,它不但具有HTML不羁所带来的页面感染力,而且具有XML严谨不苟所带来的规范悦目。

    XHTML


    下面我将列举在编写XHTML代码时需要特别注意的事情:

    1. 文档的根(root)元素必需是 html
    2. 文档的根元素必需包含一个 xmlns 的属性,用于声明XHTML的命名空间(namespace)

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    1. 必需有一个DOCTYPE 声明,而且这个声明必需在html元素之前定义

    所有的XHTML文档必需包含DOCTYPE声明,同样文档中必需包含常见的html, head, title, and body元素。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    1. 所有的XHTML标记必需是小写的

    错误写法:<A HREF="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>

    正确写法:<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>

    1. 所有的标记元素都必需遵循“开闭”原则

    错误写法:<img src="/pix/xhtml_tutorial.gif">

    正确写法:<img src="/pix/xhtml_tutorial.gif" />

    1. 所有元素的属性值必需用引号括起来

    错误写法:<img src="/pix/xhtml_tutorial.gif" width=250 height=50 border=0 />

    正确写法:<img src="/pix/xhtml_tutorial.gif" width="250" height="50" border="0" />

    1. 一些属性上的省略是不允许的,属性必需符合“key-value”原则

    错误写法:<option selected>

    正确写法:<option selected="selected">

    1. 使用id属性来替代name属性

    错误写法:<img src="/pix/xhtml_tutorial.gif" name="xhtml_tutorial">

    正确写法:<img src="/pix/xhtml_tutorial.gif" id="xhtml_tutorial">

    1. Script标记的language属性已过时,不要使用

    错误写法:

    <script language="javascript" type="text/javascript" >

      document.write("Feel free to link to this XHTML Tutorial!");

    </script>

    正确写法:

    <script type="text/javascript" >
      document.write("Feel free to link to this XHTML Tutorial!");
    </script>
    1. 正确使用标签的嵌套

    错误写法:<b><i> This text is bold and italic</b></i>

    正确写法:<b><i> This text is bold and italic</i></b>

  • 相关阅读:
    matlab练习程序(dubins曲线)
    matlab练习程序(扩展曲线边界)
    软件测试
    python3 二叉树添加以及删除节点
    python3 二叉树实现
    python3 顺时针打印矩阵元素
    python3 反转字符串的两种方式
    python3 字符串单词反转
    python3 链表
    python3 二分查找法实现
  • 原文地址:https://www.cnblogs.com/youngC/p/2939170.html
Copyright © 2020-2023  润新知