html中,id,name,class之间的有什么区别?
My First Heading
</h1>
2.<h1 name="center"> My First Heading </h1>
3.<h1 class="center"> My First Heading </h1>
如上,这三者表达的意思都什么不同。id,name,class之间的有什么具体区别 展开
1、用途不同:name主要用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、 window的名字,用于在其他frame或window指定target )和button等。
而id和class主要是通过css控制设置了id和class的元素的样式。
2、用法不同:定义了id的元素在css中用id选择器“#”来选择,例如 <h1 id="center">My First Heading</h1>,css中用#center{ }来控制其样式,定义了class的元素在css中用类选择器“.”来选择,例如:<h1 class="center"> My First Heading </h1>,css中用 .center{ }来控制其样式。
扩展资料:
关于ID和Name的一些注意事项
1、当然HTML元素的Name属性在页面中也可以起那么一点ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。
2、如果页面中有n(n>1)个HTML元素的ID都相同了怎么办?在DHTML对象中怎么引用他们呢?如果我们使用ASPX页面,这样的情况是不容易 发生的,因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一,这是页面会被抛出异常而不能被正常的render。
3、要是不是动态页面,我们 硬要让ID重复那IE怎么搞呢?这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取ID重复的那 些对象中在HTML Render时第一个出现的对象。
而这时重复的ID会在引用时自动变成一个数组,id重复的元素按Render的顺序依次存在于数组中。
2023-08-29 广告
一个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个人同名,就会出现混淆;
一个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]
name同样也是标识,但可以有多个对象都为name,比如单选按钮(一般表单提交后,要通过name的值来获取对应的值)
class是表示当前标签应用的样式名字