HTML中id和class属性之间的区别是什么?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML中id和class属性之间的区别是什么?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1770字,纯文字阅读大概需要3分钟。
内容图文
![HTML中id和class属性之间的区别是什么?](/upload/InfoBanner/zyjiaocheng/391/ef51f81524e44bff89557c3e4ef16490.jpg)
HTML id属性
id属性是用于指定文档的唯一标识符;因而,可以使用id在页面中区分不同的模块。CSS和JavaScript使用 id属性来为唯一元素执行特定任务。在CSS中,id属性使用#符号后跟id编写。
基本语法:
HTML中:
<element id =“id_name”>
CSS样式表中:
#id_name { // CSS属性 }
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> HTML id 属性 </title> <style> #demo{ color:red; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Hello World!</h1> <p id="demo">欢迎来到PHP中文网!</p> <p >php从入门到精通,一站式php自学平台!</p> </body> </html>
输出:
HTML class属性
class属性用于为HTML元素指定一个或多个类名;class属性可用于任何HTML元素。CSS和JavaScript可以使用类名来为具有指定类名的元素执行某些任务。CSS样式表中的类名称使用“.”符号。
基本语法:
HTML中:
<element class=“class_name”>
CSS样式表中:
.class_name { // CSS属性 }
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> HTML class 属性 </title> <style> .demo{ color:red; font-size:25px; } </style> </head> <body style="text-align:center"> <p class="demo">Hello World!</p> <p class="demo">欢迎来到PHP中文网!</p> </body> </html>
输出:
说明:同一个类名在在页面里面可以多次出现,这样可以重复引用同一个css,减小工作量和代码量。
总结
id和class属性之间的区别是:id具有唯一性,在页面里面只能出现一次,最多只能应用于一个元素,不能重复使用。class具有普遍性,在页面里面可以多次出现,应用于多个元素。
以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注Gxl网相关教程栏目!!!
以上就是HTML中id和class属性之间的区别是什么?的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的HTML中id和class属性之间的区别是什么?全部内容,希望文章能够帮你解决HTML中id和class属性之间的区别是什么?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。