2 tanglei6636 tanglei6636 于 2016.01.14 15:13 提问

HTML标签中定义大量的id到底有什么缺点

如题,今天经理在讨论组里提了一句不要在html中定义太多的ID。为什么,这样有什么缺点呢?

7个回答

qq_19558705
qq_19558705   Ds   Rxr 2016.01.14 16:14
已采纳

第一,id是唯一的,使用太多就不能保证唯一性。第二,id的优先级远高于class,在样式上可能会出现问题。

showbo
showbo   Ds   Rxr 2016.01.14 16:16

id太多要是你id写错了,代码就有得改了。。右边大容器用id,子容器用name或者class来标记

save4me
save4me   Ds   Rxr 2016.01.15 13:31

定义大量的ID的缺点是增加页面的大小,增加自己的麻烦,要多敲键盘打字,而且要考虑不能重复。

chen1280036111
chen1280036111   2016.01.14 15:38

前端有太多id,后台就不好取id名字啦,很容易和后台的数据发生冲突

sun2015_07_24
sun2015_07_24   2016.01.14 16:16

楼上说的对。建议用class

hanfeizaopao
hanfeizaopao   2016.01.14 17:01

如果你想用相同的样式那还可以用id?必经他是唯一的。
建议: 主文件的主节点(可以按照功能划分 等等)可以用id定义,其余的建议class

noteless
noteless   2016.01.14 17:25

id一般都是后端开发使用,因为是唯一的,可以精确的操作元素跟他对应的数据
class一般前端用来设置样式
所以一般情况下,前端不要用id最好

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
HTML中标签的属性ID与Name的区别!
ID和Name都可以用来标识一个标记,Javascript分别有两个方法getElementById和getElementByName来定位Dom节点。     区别如下:    1、我们知道在网页做Post提交时,是以Form(即表单域)为单位进行提交的,一个Form里有若干个表单对象(如),同一个页面里可以为多个Form(Asp.net不同,它只允许有一个,且名字必须为Form1),在表单
html标签中id和name的区别
id与name的作用,作为标签的标识符,基本上是一样的.name是老方法,id是在name基础上发明的,后来才有的,"现代化"一点,用的范围广一点. 中的name原来(刚发明时)就是用于本页揿一下转向过去用的. 除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用. name只用于APPLET,SELECT,FORM,FRAME,IF
html中div id与div class什么意思用法讲解
div id与div class什么意思?div id和div class用法有什么讲究呢? 在div、span、p标签、h1、h2等标签中看见id和class使用,id和class是非常常用的标签内属性。 div id="header">div> div class="menu">div>  div id与div class解析图 以上是我们常见看见id与class存在于
html标签选择器的使用选择(学习小记)
CSS选择器包括:标记选择器,类别选择器(.class),ID选择器(#id)三种。 1.标签选择器:如:p td tr h1 h2 span a 标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式 CSS代码: p{color:red;} HTML代码: >我是标签小红> 2.类别选择器:如:#main #sidebar #foote
html中类标签和ID标签区别?
html中类标签和ID标签区别? 5 我感觉类标签可以用ID标签代替,那么什么情况下使用类标签,什么情况下使用ID标签,麻烦高手细说下 tiwen999 | 浏览 1174 次 |举报 我有更好的答案 推荐于2017-11-27 06:19:23 最佳答案 ID和class都是属性,不是标签。ID只能用于一个标签,唯一标示;class能用于多
html标签ID可以是变量
">,调用的时候必须用var1的实际值了 JS里面也是一样 document.getElementById(" ");
为什么给html标签定义了id,就可以在js中(浏览器环境)直接通过id引用这个dom元素?
问题 只要标签有id这个属性,不使用getElementById方法,也可以直接用id获取dom元素。 解惑 经过一波搜索及查资料,原因大概是:如果dom元素的id名称不和js内置属性或全局变量重名的话,该名称自动成为window对象的属性,所以可以直接用来操作dom。看网上的说法是,这个是IE首先支持,火狐谷歌后面才支持的。不过现在还未形成标准,为了保险,还是不用的好。不过看各大浏览器都支
HTML中属性name、id、class三者之间的区别
name:主要是用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、 window的名字,用于在其他frame或window指定target )和button等,这些元素都与表单(框架元素作用于form的target)提交有关,浏览器会根据name来设定发送到服务器的reques
Html id 选择器
id选择器             #identity1{             color:red;         }         #identity2{             color:green;         }         #identity3{             color:gray;         }         #identit
html页面的各种标签的id不能相同
html页面的各种标签的id不能相同 比如smarty中的{foreach}循环,循环内的各个标签的id要用变量来定义,这一每个标签的id才会随着循环变化。