对Html5中的id和name以及class属性的理解

对Html5中的id和name以及class属性的理解

id、name、class的用途:

(1)id是标签的唯一标识,多用于js脚本中,比如页面中有多个元素,让我们想在js脚本中对某个特定元素进行设置的时候,我们可以根据id来直接访问该元素。

同时,id也可用于css样式中,当我们想对某个单独的元素做出改变样式时候可以进行设置,使用 #元素id{ } 方式来改变样式

(2 )name多用于表单中,用来和服务器进行交互,如CheckBox标签和radio标签等,对应的name属性的值就是提交表单后变量的名称。

(3)class多用于设置CSS样式 ,当我们想让很多元素拥有相同的样式时,可以通过class属性的值来统一选择,通常为   .class的属性{}  设置css样式做法一般是先通过类设置大部分相同的元素样式,再通过ID设置独特的元素样式。

 对于id name class属性值,我个人的感觉是能用到的时候再定义,不然要么元素过多,定义太多记不住,要么定义了用不到,浪费时间 id多用于js和css,强调每个元素的独特性;name多用于form表单,强调交互;而class多用于css的设置,强调标签的共同性。

posted @   长白山  阅读(731)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
历史上的今天:
2019-08-26 Django之ORM-model模型关系
点击右上角即可分享
微信分享提示