id属于html吗

青灯夜游
Freigeben: 2022-09-23 16:58:52
Original
2132 Leute haben es durchsucht

id属于html。id是html中的一个全局属性,可以用来配置所有元素共有行为、可以用在任何一个元素身上。id属性用于赋予某个标签唯一的名称(标识符),当使用CSS或者JavaScript来操作这个标签时,就可以通过id属性来找到这个标签。

id属于html吗

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

id是html中的一个全局属性,可以用来配置所有元素共有行为、可以用在任何一个元素身上。

常用全局属性有:class、hidden、id、lang、style、title、dir、contenteditable等等。

HTML id 属性

id 属性用来赋予某个标签唯一的名称(标识符),当我们使用 CSS 或者 JavaScript 来操作这个标签时,就可以通过 id 属性来找到这个标签。

为标签定义 id 属性可以给我们提供很多便利,比如:

  • 如果标签中带有 id 属性作为唯一标识符,通过 id 属性可以很方便的定位到该标签;

  • 如果 HTML 文档中包含多个同名的标签,利用 id 属性的唯一性,可以很方便的区分它们。

注意:在一个 HTML 文档中 id 属性的值必须是唯一的。

语法:

Nach dem Login kopieren

id值的命名规则:

  • 必须以字母 A-Z 或 a-z 开头

  • 其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")

  • 值对大小写敏感

示例代码如下所示:

 
PHP中文网

//m.sbmmt.com/

Nach dem Login kopieren

CSS中使用id属性--id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

语法结构如下:

#ID { 属性 : 属性值; }
Nach dem Login kopieren

用法与类选择器类似,这里不做赘述。只需要注意id属性唯一不可重复即可。

一个ID值在一个HTML文档中只能出现一次,也就是一个ID只能唯一标识一个元素(不是一类元素,而是一个元素)。

即元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!

示例:

#div1{ background:rgb(200,200,0); color:blue; font-size:20px; }
Nach dem Login kopieren

运行结果

这是一个段落

这是一个段落

Nach dem Login kopieren

5.png

注意:由于id属性的唯一性,一般使用css做样式不使用该选择器,而该选择器的主要用途是用来做js特效

(学习视频分享:web前端

Das obige ist der detaillierte Inhalt vonid属于html吗. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!