自闭合标签的坑

来源：互联网发布：淘宝我的评价在哪编辑：程序博客网时间：2024/04/30 17:20

自闭合标签的坑

HTML5权威指南中有这样的话

I like <code></code> apples and oranges.

I like <code/> apples and oranges.

这两种写法是一样的。
但是在chrome下，我发现不一样，第二种写法，调试时发现变成了这样：

I like <code> apples and oranges. </code>

为此，我做了关于</p> 的测试，测试代码如下：

<!DOCTYPE HTML><html>    <head>        <title>Example</title>    </head>    <body>        <form>            Name:<input type="text" name="name" accesskey="n" />            <p/>            Passward:<input type="password" name="passward" accesskey="p" />            <p/>            ddd            <input type="submit" value="Log in" accesskey="s" />            aaa            <p/>            ccc            eee            <a>hello</a>            <code/>I like it        </form>    </body></html>

使用chrome调试时，真正执行的代码如下：

<html><head>        <title>Example</title>    </head>    <body>        <form>            Name:<input type="text" name="name" accesskey="n">            <p>            Passward:<input type="password" name="passward" accesskey="p">            </p><p>            ddd            <input type="submit" value="Log in" accesskey="s">            aaa            </p><p>            ccc            eee            <a>hello</a>            <code>I like it</code></p></form></body></html>

所以，为了防止歧义，最好减少使用自闭合标签。

0 0