id的主要作用是供前端脚本(即js)获取网页元素对象的,由于它具有唯一性,因此使用比较简便;而name则用于后台脚本获取网页中表单所提交的数据,所以它一般用于表单控件(如文本输入框、单选按钮、下拉框等等),js也可通过name获取元素,但由于它可重复,所以获取的是对象数组。
ID 是唯一表示 ,整个页面唯一的,不允许重复NAME 也就是名字,可以重复,整个页面任意个
例如:
document.getElementByIdx("xxx") 取出来是唯一的
document.getElementsByName("xxx") 取出来是个数组
下列有name属性
A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, LINK, MAP, OBJECT, RT, RUBY, SELECT, TEXTAREA
下面的有ID,
STYLE, A, ACRONYM, ADDRESS, APPLET, AREA, B, BASE, BASEFONT, BDO, BGSOUND, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, COMMENT, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HEAD, hn, HR, HTML, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, ISINDEX, KBD, LABEL, LEGEND, LI, LINK, LISTING, MAP, MARQUEE, MENU, nextID, NOBR, NOFRAMES, NOSCRIPT, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, Q, RT, RUBY, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, styleSheet, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR, WBR, XML, XMP
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]