点击排行

您现在的位置：首页 > 技术文档 > html5

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

来源：中文源码网浏览：291 次日期：2024-04-27 01:11:11

同一个页面用多个id有什么影响
在样式表定义一个样式的时候，可以定义id也可以定义class，例如： ID方法：#test{color:#333333}，在页面中调用

内容

CLASS方法：.test{color:#333333}，在页面中调用

内容

id一个页面只可以使用一次，class可以多次引用。有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常，用多个id有什么影响吗？回答：第一影响就是不能通过W3的校验。在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div，那就会出现错误。 id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆； class是一个样式，可以套在任何结构和内容上，就象一件衣服；概念上说就是不一样的： id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。 web标准希望大家用严格的习惯来写代码，例如：你可以用显示粗体，也可以用来显示，但W3C 建议大家用，因为更有语义

上一篇：凸起的按钮效果

下一篇：调用265天气预报，不显示链接

相关内容

• _blank开新窗口不符合标准_

• (X)HTML Strict 下的嵌套规则

• !important在ie7.0的hack方法

• 做网页字体大小参考网页中同字号字体的不同单位对比列表

• 做网页经常要注意的常识整理收集

• 自定义容器和字体大小

• 自定义标签实现圆角边框

• 资料：Unicode 汉字内码对应表第1_5页

• 转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）

• 转载：On having layout

• 找到html标记对应的脚本属性

• 怎样管理好样式

• 怎么让表格为固定大小，超出的部分显示为省略号

• 怎么改善现有网站

• 在线ASC码查询

• 在解决ul居中问题时想到的几点

• 在iframe中隐藏横向滚动条的方法大全

• 元素水平居中方案全集

• 有关于IE8 Beta 1两个提醒

• 有衬线字体与无衬线字体比较

• 用滑动门技术设计按钮的图文教程

• 用户体验第一 font-size放弃px选择em

• 用好href的target属性

• 用javascript来控制链接的target 属性的代码

• 用iframe margin实现调用其他网页的某一区域的方法

• 用&lt;TABLE&gt;语句来实现圆角表格可以省去制作圆角图片之苦！

• 用!important解决IE和Mozilla的布局差别

• 应用WEB标准实例：列表页面的制作

• 以图换字的几个方法及思路

• 一些不标准的东西，不过还是有点用处

• 一个老外弄的Clearing floats(清除浮动的方法)

• 一个导航条布局的简单写法

• 页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理

• 页面布局黄金比例[图片]

• 页里面 CDATA的作用说明

• 学习小实例--滚动条的简单实现

• 学习标准——笔记

• 小三角的做法与使用

• 详解链接的rel与target区别

• 详解IE6中的position：fixed问题与随滚动条滚动的效果

• 相对路径与绝对路径的区别

• 无边框表格

• 我的一些关于web标准的思考笔记（一）

• 文本修改留痕

• 未知大小图片在容器的垂直和水平居中问题

• 为什么要建立web标准与web标准的好处

• 为了防止乱码，请将用于页面编码的meta charset放到title的前面

• 微软终于对网页三剑客下手了

• 网站制作之网页技巧

• 网站首页head区代码规范

• 网页中英文混排行高不等问题的解决方法

• 网页中关闭IE的图像工具栏和XP主题

• 网页中Span和Div的区别

• 网页使用Google Font API（字体）的方法

• 网页设计中色彩搭配的内涵

• 网页设计中的 serif 和 sans-serif字体应用

• 网页设计者需要了解的_网页字体大小数据参考

• 网页设计布局基础第1_4页

• 网页美工制作规范

• 网页绿色系配色应用实例图文第1_2页

• 网页打开新窗口target=_blank不符合标准

• 网页布局设计的标准尺寸

• 完美实现浮动元素横排居中显示

• 推荐三种简洁的Tab导航（网页选项卡）简析

• 推荐个不错的表单Input的高级用法11例

• 凸起的按钮效果

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

• 调用265天气预报，不显示链接

• 提高网页效率的14条注意事项图文第1_3页

• 提高网页的效率 Use YSlow to know why your web Slow第1_2页

• 探讨vertical-align应用

• 谈谈网页设计中的字体应用Font Set

• 双表法调用样式表

• 数据图表

• 鼠标移动到超链接上的效果

• 手机屏幕尺寸测试——手机的实际显示页面的宽度

• 使用有趣的自定义标记布局页面

• 使用XHTML1.0 Strict中需要特别注意的地方

• 使用text-align_justify实现两端对齐一例

• 使用#default#userdata组件实现的可记忆内容的编辑器

• 使网页成黑白色调的滤镜

• 实用的标签效果

• 什么是XHTML_

• 什么是HTML相关介绍

• 什么叫标准网页设计_

• 三个不常见的 HTML5 实用新特性简介

• 如何正确使用标题元素、段落和强制换行

• 如何实现多风格选择样式实时切换

• 如何设置网页的背景为透明

• 如何禁止打印页面

• 如何解决下拉菜单被flash覆盖的问题

• 如何处理多国语言

• 容器高度100%的绝对定位布局

• 让网页框架透明底部对齐的代码

• 让iframe自适应高度（支持xhtml）IE firefox兼容

• 让IE6支持min-width最小宽度

• 让IE ff Opera同时支持Alpha透明的方法

• 让comment标记在各浏览器都能通用

• 全面考察“禁用浏览器后退”

• 全国哀悼日网站页面变成灰色的filter方法

• 去除链接元素的虚线框兼容IE7、IE6、FF

• 巧妙的最大化动态载入IFrame的方法

• 浅谈html中id和name的区别实例代码

• 浅谈href=#与href=javascript_void(0)的区别

• 前端获取http状态码400的返回值实例

• 漂亮的表格

• 你不一定知道的Label的For用法

• 目前找到的最好的Iframe自适应高度代码

• 模拟兼容性的 inline-block 属性

• 模仿combox(select)控件，不用为美化select烦恼了。

• 梦幻式下拉菜单

• 美化html段落文本 Ⅰ

• 块元素block element和内联元素inline element

• 跨浏览器的实践_position_fixed 层的固定定位

• 空格BUG

• 可以给img元素设置背景图

• 静态页面加密

• 解决鼠标在 flash 链接上不停闪动的问题（web页面中）

• 解决列高度自适应(相同)的五种方法

• 解决input对齐问题vertical-alige

QQ客服

公众号

手机版

帮助中心