我注意到html / css的网页有这个...而id = menu / content / footer。
我想知道是否还有其他人?另外,如果有,他们有哪些?
我可以自己制作一些吗?如果可能的话,怎么样?
答案 0 :(得分:6)
您可以创建自己喜欢的任何id
名称。
这些
<div id="name"></div>
<div id="menu"></div>
<div id='content'></div>
<div id='this-is-a-div'></div>
是所有可能的id
名称。
id
用于唯一标识标记/元素。一个例子可能是一个名叫汤姆的男孩。在这种情况下,div
将是他的人类,id
&#34;汤姆&#34;以及可能的class
&#34;男孩&#34; 。 class
用于描述对象的多个属性(很像id
),但是您可以将它们应用于多个标记/元素。
根据其他人的建议,您可以使用data-*
(其中*
是您喜欢的任何内容)同时识别多个元素。您可以在data-*
功能here
如果您正在寻找创建不同的div
元素(或标签),强烈建议不要这样做。您可以在Mozilla的开发者website上看到所有HTML5标记/元素的完整列表。
答案 1 :(得分:1)
您可以使用任何名称ID。然后,如果你想设计名称到id的分配,你可以在css中使用它。
答案 2 :(得分:0)
您可以通过调用data-*
,*
来创建自己的内容。
如果您使用的是jQuery,则可以使用.data()
获取此参数中的内容:http://api.jquery.com/data/
您可以在http://www.w3schools.com/tags/中找到可以通过标记设置的参数。你可以看到有很多东西,但是probalby不必全部使用它们。
答案 3 :(得分:0)
id
属性就像该元素的名称。使用class
进行样式设置,使用html5 data-somevalue
属性进行javascript挂钩,而不是使用id。
答案 4 :(得分:0)
id
属性指定元素的唯一标识符,它是HTML文档的作者选择的内容。没有值具有任何预定义。正式规则因HTML版本而异,但浏览器中唯一真正的限制是id
属性值必须非空且不得包含空格字符。否则,这完全取决于你。
如果您注意到经常使用menu
,content
,footer
之类的值,那只是因为作者做出了类似的决定,反映了网页的一些常见成分。
答案 5 :(得分:0)
您可以在任何标记元素上使用任何您想要的id
。属性id
是GLOBAL属性。这意味着所有HTML标记都支持属性id。
对于HTML,ID不区分大小写。对于JavaScript或其他语言可能不是这种情况。 对于您可以使用的字符,ID有一些限制:
<强>文档强>
快速说明,最好使用新的HTML5代码(<header>
,<nav>
,<main>
,<section>
,<article>
,{{ 1}},<aside>
)分割/整理您的网页,而不只是<footer>
:
<div>
正如您在此示例中所看到的,它更有意义。它更容易阅读和调试。这是HTML5的新优点。比<!DOCTYPE html>
<html>
<head>
...head content
</head>
<body>
<header>
...header content
</header>
<nav>
...nav menu
</nav>
<main>
<section id="news">
<article id="who-let-the-dog-out">
...article content
</article>
<article id="LottoSurprice">
...article content
</article>
</section>
<section id="blog">
...section content
</section>
<aside id="advertisement">
...aside content
</aside>
</main> <!-- end of page content -->
<footer>
...footer content
</footer>
</body>
</html>
,<div id="menu">
,<div id="content">