同一个页面用多个id有什么影响_经验交流

在样式表定义一个样式的时候,可以定义id也可以定义class,例如:

ID方法:#test{color:#333333},在页面中调用<div id="test">内容<div> 
CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div> 
id一个页面只可以使用一次,class可以多次引用。

有网友问,id和class好象没什么区别,我在页面中用了多个id在IE中显示也正常,用多个id有什么影响吗?

回答:第一影响就是不能通过W3的校验。

在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆; 
class是一个样式,可以套在任何结构和内容上,就象一件衣服;
概念上说就是不一样的:
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

web标准希望大家用严格的习惯来写代码,

例如:你可以用<b></b>显示粗体,也可以用<strong></strong>来显示,但W3C 建议大家用<strong>,因为<strong>更有语义

时间: 2024-10-12 09:43:10

同一个页面用多个id有什么影响_经验交流的相关文章

同一个页面用多个id有什么影响

页面 作者:阿捷 2005-4-8 9:51:20我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如: ID方法:#test{color:#333333},在页面中调用<div id="test">内容<div> CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div> id一个页面只可以使用一次,class可以多次引用. 有网友问

ie中多id的调用方法_经验交流

ie中直接用该id做变量名,可得到一个数组,数组元素为具有该id的对象 在ie7和firefox中用getElementById会取得第一个具有该id的对象 建议不要对多个元素使用相同id,以免招致混乱 11111111 x222xxxxxxxxxx 333 4 555555 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

htm页面中&amp;amp;lt;a name&amp;amp;gt;加name和id的冲突附解决方法_经验交流

至尊荣誉,优惠订阅,玄幻原创VIP促销活动正式开启-- 主题: 玄幻原创发展到目前的阶段,少不了广大忠实读者的支持,眼看玄幻原创已经步入正式轨道,为答谢一直支持玄幻原创的读者们,特推出VIP用户优惠订阅活动,只要你申请成为VIP包月用户,即可享受千字2.5分的优惠优惠订阅,即普通VIP用户订阅30000字需要100玄幻币,而包月VIP用户订阅则只需75玄幻币,帮你节省1/4的花销. 覆盖时间:待定 覆盖范围:所有VIP用户 / 所有VIP作品 问答: Q:什么是包月VIP? A:包月VIP用户是

div+css中Class与ID的区别_经验交流

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的.打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类.因此你可以在一个页面上使用class="Frodo" ,class="Gandalf",class="Aragorn"来区分不同的故事线.还有一点非常重要的是你可以在一个文档中使用任意次数的Class.    至于ID,通常用于定义页面上一个仅出现一次的标

大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流

你可以用类选择符class和标识选择符id来定义自己的选择符. 这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素. 在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前. 看起来像这样: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }  HTML与CSS的连接用属性id和class.像这样: <div id=&quo

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" />  语句将CSS文件调入网

全国哀悼日网站页面变成灰色的filter方法_经验交流

为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. 直接在*.css文件最前面加入 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可 其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 如果是纯HTM页面的可以

CSS对Web页面载入效率的影响分析总结_经验交流

我们罗列了十几条相关的知识与注意点,大家可以系统的探讨一下,让我们编写的Web页面打开更加流畅. 请不要告诉我,你看不懂E文,只是你不愿意看!!! 1.How the style system breaks up rules  The style system breaks rules up into four primary categories. It is critical to understand these categories, as they are the first line

浅谈html中id和name的区别实例代码_经验交流

我们可以通过一段代码来分析一下其中的微妙差别: <form method="post" action="" name="demoform"> <input type="text" name="oDemo" id="oDemo2" value="DEMO" /> </form> 在IE浏览器里,我们可以通过多少方法来索引到这个文本框对