定制标记HTML

下不起作用：定制标记HTML

<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>

当我从“降落”到“头”取代的标签名称，它的工作。但为什么它会以header作为标签名称？我不确定是否可以定义我想要的任何标签名称。它是否仅适用于全局标签名称？

来源

2017-08-16 moca

可能重复的[如何为html创建自定义标签]（https://stackoverflow.com/questions/5682943/how-to-create-custom-tags-for-html） –

这是什么意思？与'header'“它工作”？浏览器不需要处理'header'标签（解析它们除外）;这同样适用于你刚刚组成的标签。 –

由于缺少，因此需要插入着陆的结束标记。然后才能正常工作。 – DMishra

原因标题的工作原理是它是一个语义HTML类。我建议阅读下面的链接。

semantic HTML

来源

2017-08-16 17:41:49

“header”工作的原因并不是它特别是*语义* HTML元素，而只是它是[已知的HTML元素]（https://developer.mozilla.org/en-US/docs/Web/HTML /元件）。 'div'不是一个语义元素，但在这种情况下它也会起作用。 –

谢谢您的帮助。因为我之前已经阅读过它，所以浏览过这本书的w3schools，但并不知道要“寻找”什么。来自瑞士的欢呼 – moca

嗯，是的，定制元素是可能的，前提是：

元素名称是小写，并用X-

在你的情况开始，X-登陆ID = “橱窗”

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

来源

2017-08-16 17:46:58

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

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

来源：MDN

来源

2017-08-16 17:47:20

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

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

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

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

来源

2017-08-16 20:20:08

谢谢你的快速解释。祝你早上好（或晚上）。 – moca

定制标记HTML

回答

相关问题