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

问题描述

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

解决方案

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

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

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

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

解决方案五:
楼上说的对。建议用class

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

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

时间: 2024-08-01 23:24:59

html-HTML标签中定义大量的id到底有什么缺点的相关文章

03_MyBatis基本查询,mapper文件的定义,测试代码的编写,resultMap配置返回值,sql片段配置,select标签标签中的内容介绍,配置使用二级缓存,使用别名的数据类型,条件查询ma

 1 PersonTestMapper.xml中的内容如下: <?xmlversion="1.0"encoding="UTF-8"?> <!DOCTYPEmapper PUBLIC"-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <!--  namespace:命名空间,用来唯

Spring-Bean的属性(1.单独定义BEAN,ID为之的BEAN参考之 2.在BEAN中直接定义参考的BEAN)

首先在名称为HelloWorld的Bean中增加一个Date类型的私有变量 然后改写Spring的配置文档config.xml,添加一个id为date的Bean,并在原来的id为HelloWorld的Bean中参考配置文档中定义的id为date的Bean 最后修改测试程序TestHelloWorld.java 一定要注意构造函数! helloworld.java package com.gc.action; import java.util.Date; public class HelloWor

jsp-用C标签定义的变量,如何在另一个C标签中进行除法?

问题描述 用C标签定义的变量,如何在另一个C标签中进行除法? JSP页面用C标签定义的变量,如何在另一个C标签中进行除法?/c:set/c:set 定义的这两个变量如何在另一个C标签的变量中进行除法计算,并将值赋给另一个C标签定义的变量,赋给voteCoun/c:set 解决方案 配合el表达式,应该是可以实现的吧. 解决方案二: c标签escapeXml

android在xml文件中定义drawable数组、id数组等

假如我们需要在代码中为一组view设置相对应的一组图片资源时(如为listview/gridview的所有item设置一组对应的图片时),我们就可以在xml中定义一组代表图片的drawable数组,然后用代码进行读取. 开始我是这样做的: [java] view plaincopy <integer-array name="actions_images">       <item>@drawable/pencil1</item>       <

HTML5 对各个标签的定义与规定:nav

对nav标签的定义与规定 HTML5中的新元素标签<nav>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好. 一直以来,我们习惯于使用形如<div id="nav">或<ul id="nav">这样的代码来写页面的导航:在HTML5中,我们可以直接将导航链接列表放到<nav>标签中 根据W3C的定义规范: nav元素是一个可以用来作为页面导航的链接组:其中的导航

JavaScript获得页面base标签中url的方法

 如果网页中定义了base标签,我们可以通过js代码获得base的url地址 1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html> <head> <base id="htmldom" href="http://www.jb51.net/"> </head> <body> <p>Base URL is: <script>

Asp.net后台把脚本样式输出到head标签中节省代码冗余_实用技巧

最近在学习开发服务器控件,其它就少不了为控件注册js和css之类的资源文件,或者直接注册纯脚本样式.其中就遇到如下问题: 1.  注册的资源文件或纯脚本样式在生成的页面中都不在head标签中(当然这个不影响页面功能)   2. 一个页面使用多个一样的控件时,会出现重复输入(出现多余代码)            第一个问题说到底也不是什么问题,主要是看个人喜欢.在浏览器里查看页面源代码时,也许就成了问题了,源代码很不整洁,要是内容多时问题就更突出.本来想找脚本,却在head标签里找不到,只能到其它

JavaScript获得页面base标签中url的方法_javascript技巧

本文实例讲述了JavaScript获得页面base标签中url的方法.分享给大家供大家参考.具体如下: 如果网页中定义了base标签,我们可以通过js代码获得base的url地址 <!DOCTYPE html> <html> <head> <base id="htmldom" href="http://www.jb51.net/"> </head> <body> <p>Base UR

js-在foreach标签中修改style属性

问题描述 在foreach标签中修改style属性 代码: html <body onload="test();"> <form name="f1" method="post" action=""> <c:forEach items="${list}" varStatus="state" var="dto"> <input s