<div id =“??”>制作网页时可以使用哪些其他类型的ID?</div>

时间:2014-06-23 07:05:42

标签: html css

我注意到html / css的网页有这个...而id = menu / content / footer。

我想知道是否还有其他人?另外,如果有,他们有哪些?

我可以自己制作一些吗?如果可能的话,怎么样?

6 个答案:

答案 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属性值必须非空且不得包含空格字符。否则,这完全取决于你。

如果您注意到经常使用menucontentfooter之类的值,那只是因为作者做出了类似的决定,反映了网页的一些常见成分。

答案 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">

好多了