HTML中class.id和name这三者有什么区别?

 我来答 举报
言让种乙
2020-04-05 · TA获得超过3.7万个赞
知道大有可为答主
回答量:1.4万
采纳率:28%
帮助的人:889万
展开全部
HTML

id与name
区别
一个name可以同时对应多个控件,比如checkbox和radio
而id必须是全文档中唯一的
CSS

id、class属性的区别
1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5"
来选择调用,命名好的CSS又叫css选择器。
如:
.css5{属性:属性值;}
选择器在html调用为“
我是class例子
.baobao{
color:
lime;
background:
#ff80c0
}
使用方法:class="baobao"
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候
以“#”来开头命名id名称
如一个CSS规则:
#binbin{
font-size:
larger
}
使用方法:id="binbin"
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;
当然了,这个也不是一两句能说明白的,只要用的多了,就能慢慢理解了。
详情百度以下内容:
HTML中id、name、class
区别[xyytIT]
谈云德五姬
2020-04-12 · TA获得超过3.7万个赞
知道大有可为答主
回答量:1.3万
采纳率:35%
帮助的人:1123万
展开全部
HTML

id与name
区别
一个name可以同时对应多个控件,比如checkbox和radio
而id必须是全文档中唯一的
CSS

id、class属性的区别
1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5"
来选择调用,命名好的CSS又叫css选择器。
如:
.css5{属性:属性值;}
选择器在html调用为“
我是class例子
.baobao{
color:
lime;
background:
#ff80c0
}
使用方法:class="baobao"
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候
以“#”来开头命名id名称
如一个CSS规则:
#binbin{
font-size:
larger
}
使用方法:id="binbin"
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;
本回答被提问者采纳
5 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
麴印枝韶溪
2020-04-06 · TA获得超过3.6万个赞
知道大有可为答主
回答量:1.4万
采纳率:30%
帮助的人:635万
展开全部
这几个属性对初学者来说是比较容易混淆,但是区分也很简单。
1.
name
:指定标签的名称。
2.
id
:指定标签的唯一标识。
3.
class
:指定标签的类名。
用法举例
<input
type="radio"
name='sex'/>男
<input
type="radio"
name='sex'/>女
<input
type=password
id="userpwd"
/>
<input
type=button
class="btnsubmit"
/>
首先记住优先级顺序:id>name>class,什么是优先级呢?说白了就是精确定位的准确度,CSS选择器选择的先后顺序。
再说说用法,getElementById()返回固定id的对象,HTML文档中id对象一般是唯一的;getElementsByName()和getElementsByClassName()返回的是一个数组,HTML文档中name属性和class属性不是唯一的
遇到具体问题可以具体分析,灵活运用
参考链接:http://www.cnblogs.com/polk6/archive/2013/05/28/3101571.html
6 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
闭有福大燕
2020-04-11 · TA获得超过3.7万个赞
知道大有可为答主
回答量:1.4万
采纳率:27%
帮助的人:965万
展开全部
id一般是用来在JS中获取某一个标签
document.getElementById(id)
name是获取一个标签集也就是一堆相同name的标签。
document.getElementByName(name)
class一般是用来指向CSS里面的类选择器的
4 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式