Question

以下不起作用：

<tr>
                    <td width="70%">
                        <b>Troubleshooting</b><br />
                    </td>
                    <td width="30%">
                        <a href="javascript: validateHP()" onMouseover="buttonObject_HP.src='images/hp_1.png'" onMouseout ="buttonObject_HP.src='images/hp_0.png'">
                        &nbsp;<img name="buttonObject_HP" src="images/hp_0.png" border=0 alt="" width="75" height="20"/></a>        
                    </td>
                </tr>
            </table>
            <textarea class="normal" id="Reported" name="Reported" rows="12" cols="51" onchange="validateText();"></textarea>

当我用＆＃34;登陆＆＃34;替换标签名称时to＆＃34; header＆＃34;，它有效。但为什么它与<landing id="showcase"> <h1>Welcome to the Beach</h1> <p>Dies ist eine kleine test seite mit einer landing page</p> <a href="#" class="button">Welcome</a>标签名称一起使用？我不确定我是否可以定义任何我想要的标记名称。是否属性仅适用于全局标记名称？

Answer 1

标头工作的原因是它是一个语义HTML类。我建议您阅读以下链接。

semantic HTML

Answer 2

是的，自定义元素是可能的，只要：

元素名称是小写的，以x -

开头

在您的情况下，x-landing id =“showcase”

另外，不要忘记结束标记。

Answer 3

landing不是开发人员或浏览器的已知标记，因此它不会在浏览器中解释（即转换为人类可读元素），而header是HTML5语义元素，并且浏览器已知（至少是现代浏览器）。

HTML header元素代表一组介绍性或导航辅助工具。它可能包含一些标题元素，但也包含其他元素，如徽标，搜索表单等。

来源：MDN

Answer 4

您可以使用的元素的唯一有效名称是此列表中的元素：HTML element reference

<header>在该列表中，因此它是有效的。 <landing>不在该列表中，因此无效。

你不应该只为一个元素组成一个名字。您应该使用与其含义相匹配的现有元素，例如段落为<p>，页面标题为<header>，或者您应使用其中一个通用元素<div>（ block-level element）或<span>（inline element），没有语义含义。

如果您想稍后通过JavaScript或CSS代码识别它，可以为任何元素添加class或id属性。

HTML中的自定义标签

4 个答案: