小白教程
所有教程
关于
Search
172.70.178.20
172.70.178.20
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“HTML id 属性”的源代码
本页内容
上一节:
HTML_class_属性
下一节:
HTML_iframe
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
''' <nowiki>id</nowiki> '''属性用于指定 HTML 元素的唯一 ID。 在 HTML 文档中不能有多个具有相同 id 的元素。 == 使用 id 属性 == 该''' <nowiki>id</nowiki> '''属性指定 HTML 元素的唯一 ID。该''' <nowiki>id</nowiki> ''' 属性的值在 HTML 文档中必须是唯一的。 该''' <nowiki>id</nowiki> '''属性用于指向样式表中的特定样式声明。JavaScript 也使用它来访问和操作具有特定 id 的元素。 id 的语法是:写一个井号字符 (#),后跟一个 id 名称。然后,在花括号 {} 中定义 CSS 属性。 在下面的示例中,我们有一个''' <nowiki><h1></nowiki> '''指向 id 名称“myHeader”的元素。该''' <nowiki><h1></nowiki> ''' 元素将根据''' <nowiki>#myHeader</nowiki> ''' head 部分中的样式定义进行样式设置: <sample title="" hererun="s" desc="" > <!DOCTYPE html> <html> <head> <style> #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } </style> </head> <body> <h1 id="myHeader">我的</h1> </body> </html> </sample> <blockquote> 注意: id 名称区分大小写! 注意: id 名称必须至少包含一个字符,不能以数字开头,并且不能包含空格(空格、制表符tab等)。 </blockquote> == 类和 ID 之间的区别 == 一个类名可以被多个 HTML 元素使用,而一个 id 名只能被页面中的一个 HTML 元素使用: <sample title="" hererun="s" desc="" > <style> /* Style the element with the id "myHeader" */ #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } /* Style all elements with the class name "city" */ .city { background-color: tomato; color: white; padding: 10px; } </style> <!-- 具有唯一id的元素 --> <h1 id="myHeader">我的</h1> <!-- 具有相同类的多个元素 --> <h2 class="city">伦敦</h2> <p>伦敦是英国的首都。</p> <h2 class="city">巴黎</h2> <p>巴黎是法国的首都。</p> <h2 class="city">东京</h2> <p>东京是日本的首都。</p> </sample>
本页使用的模板:
模板:HTML书签
(
查看源代码
)
返回至“
HTML id 属性
”。
上一节:
HTML_class_属性
下一节:
HTML_iframe