2.1 元素的id和class

最新推荐文章于 2023-05-05 13:29:26 发布
最新推荐文章于 2023-05-05 13:29:26 发布
阅读量537 收藏
点赞数 1
分类专栏： # HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mmsx2017/article/details/79565089
版权

id和class是HTML元素中两个最基本的公共属性。
####一、元素的id属性
d属性被赋予了标识页面元素的唯一身份。如果一个页面出现了多个相同id属性取值，CSS选择器或者JavaScript就会因为无法分辨要控制的元素而最终报错。

同一页面不能出现相同的id，不同的页面可以出现相同的id

class，顾名思义，就是“类”。它采用的思想跟其他C、Java等编程语言的“类”相似。我们可以为同一个页面的相同元素或者不同元素设置相同的class，然后使得相同的class具有相同的CSS样式。

如果你要为两个元素或者两个以上元素定义相同的样式，建议使用class属性。

（1）一个标签可以同时定义多个class；
（2）id也可以写成name，区别在于name是HTML中的标准，而id是XHTML中的标准，现在网页的标准都是使用id，所以大家尽量不要用name属性；
mmsx2017
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用CSS3的定位页面元素
12-12
虽然我们已经使用CSS2.1选择器排除掉了所有的class和id，显然还会有很多更复杂的情况需要CSS3的高级选择器来解决。让我们通过完成一下的实例来了解一下如何在不使用无用的class和id属性的情况下利用CSS3定位页面元素。 相关下载：CSS3.0参考手册下载使用一个唯一的日志(post)ID定位所有日志 　　wordpress提供给我们一种包含了ID的每篇日志的源代码输出。这种信息通常用于导航和/或了解资料的意图，不过CSS3可以利用这些唯一的ID来定义这些日志的样式。当然，你还可以像往常那样为每篇日志添加class=”post”这样的属性，但这就与我们练习的意图相冲突了(再加上它没有
细说HTML元素的ID和Name属性的区别
xufangfanglemon的专栏
04-23 466
<br /><br />第一种解释：<br />HTML元素的ID和Name属性的区别 <br /><br />一直认为ID和NAME是一样的，两个又可以一起出现，甚是疑惑。 <br /><br />今天BAIDU了一下，才发现里面大有文章。发出来研究研究： <br /><br />最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 <br />      显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的
id是什么意思？class是什么意思？id 与 class的区别是什么？
Harley567
05-26 3128
一、id是什么意思？class是什么意思？ id属性规定HTML元素的唯一id，它在HTML文档中必须是唯一的。 class是用于规定元素的类名，目前class都是用于样式表中的类，它在HTML中不是唯一的，可以多次使用。 二、id 与 class的区别是什么？ （1）使用语法区别 <div id="a"></div> <div cla...
关于元素id的命名规范和处理
liu_jiang666的博客
07-30 821
元素id的命名不像c语言那样只允许有数字、字母和下划线，而是任意字符都可以充当元素的id名，但是除了 ①字母 A-Z 或 a-z 开头、②数字(0-9)、③连字符("-")、④下划线("_") 之外，其他的字符都要通过转译才可以被JavaScript识别 举例： 通过举例小伙伴们是不是已经发现了，如果是通过原生的js语法通过id找寻元素，那么id的名字无需转译就可识别，但是通过jQuery的找寻元素的话，如果不加以转译是无法识别的。故奉上jQuery中的转移方法： 方法①$("div[id='d[3]']
web前端学习（六）—— HTML中元素的id属性、div和span布局
m0_55637498的博客
12-11 2549
一、id属性 1、在HTML文档中，任何元素（节点）都有id属性，id属性是该节点的唯一标识，所以在同一个HTML文档中id值不能重复 2、注意：表单提交数据的时候，只和name有关系，和id无关 3、id有什么用？ javascript语言可以对HTML文档中的任意节点进行增删改，那么在增删改之前需要先拿到这个节点，通常我们通过id来拿节点对象 id的存在让我们获取元素（节点）更方便 4、HTML文档是一颗树，树上有很多节点，每一个节点都有唯一的id ja...
HTML当中元素的id属性
heliuerya的博客
01-28 1208
HTML当中元素的id属性
CSS 中的类是什么，有什么用处
最新发布
2301_77795034的博客
05-05 445
我们首先为每个元素添加一个20px的透明边框，然后为第一个子元素添加一个20px的边框，为最后一个子元素添加一个20px的边框，并将它们的宽度设置为0，这样就实现了滑动效果。比如，我们可以给一个元素添加一个“class”属性，然后在CSS中定义一个与这个属性相关的样式，来让这个元素看起来更加特殊。改变字体颜色：如果我们有一个段落，我们想让它的字体颜色变成红色。制作商品分类：假设我们要开一个电子产品店，我们可以为每个产品创建一个“product”类，然后在CSS中定义相应的样式，来让这些产品看起来更加专业。
class 第一个元素_Class文件属性表-Code属性
weixin_29732737的博客
01-18 635
属性表中各个属性都有固定的格式，如下图所示：u2的属性名称索引(在常量池中的位置)u4属性表内容的长度u1具体的属性内容Code属性Code属性是整个Class文件中最重要的属性，Code属性只作用于方法表中，在Code属性中存储了Java方法体经过编译后Java的字节码指令，Code属性的结构如下：max_stack操作数栈的最大深度。虚拟机运行的时候需要根据这个值来分配栈帧中的操作栈深度。ma...
HTML 中的 id 和 class
Ti-蜗牛的博客
12-15 1096
学海无涯，回头是岸 —— but，Being a programer one day，U can not turn back！ 学学css，突然对 HTML 的 id 和 class不太明白，网上各位大侠都说的大多是针对css的，一起来学习学习8. HTML 中的id和class HTML作为文本标记语言，定义了标签，或者成为元素，而id和class是其全局属性中的两个： id：顾名思义，元素的一位标识id，页面中不应有重复 class：元素的类名称（可以通过元素的classname来访问它 js中的i.
2020-09-27
m0_49986452的博客
09-27 182
### 代码 e.target 触发事件的节点 .mouseenter 事件类型:鼠标悬浮上时(hover) .click 事件类型:点击 .addEventListener(事件类型,事件处理函数,Boolean) 例 arEle.addEventListener("click", function () {},
PHP和MySQL Web开发第4版
08-13
3.10.3 统计数组元素个数：count()、sizeof()和array_count_values() 3.10.4 将数组转换成标量变量：extract() 3.11 进一步学习 3.12 下一章 第4章 字符串操作与正则表达式 4.1 创建一个示例应用程序：智能...
PHP和MySQL Web开发第4版pdf以及源码
10-13
3.10.3 统计数组元素个数：count()、sizeof()和array_count_values() 3.10.4 将数组转换成标量变量：extract() 3.11 进一步学习 3.12 下一章 第4章 字符串操作与正则表达式 4.1 创建一个示例应用程序：智能...
PHP和MySQL WEB开发(第4版)
05-31
3.10.3 统计数组元素个数：count()、sizeof()和array_count_values() 3.10.4 将数组转换成标量变量：extract() 3.11 进一步学习 3.12 下一章 第4章 字符串操作与正则表达式 4.1 创建一个示例应用程序：智能表单邮件...
JavaScript基础和实例代码
03-20
5.4.6 id属性和class属性 5.4.7 通过id属性返回指定对象 5.4.8 通过元素标签返回指定对象 5.4.9 通过name属性返回指定对象 5.4.10 获取特定属性的取值 5.4.11 设置特定属性的取值 5.4.12 删除特定的属性 5.5 附加的...
HTML中id属性的理解
VinciB的博客
02-08 5702
官方解释：  1.id 属性规定 HTML 元素的唯一的 id。  2.id 在 HTML 文档中必须是唯一的。  3.id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。 个人理解：  1.id就是一个标签的标志，用来表示这个标签是唯一的；  2.< h1 id=“onlyid”>标题< /h1 >这里onlyid就是id属性的值，这个值在之后就不能在其它标签的id里面定义为on
替换手机号中间4位（php，js）
mobeinight的专栏
12-24 1603
JS方法function hideMobile(num){ var mphone =num.substr(3,4); var lphone = num.replace(mphone,"****"); return lphone; } php方法 $phone=substr_replace($phone,'****',3,4);
八种元素定位id,name,class_name,tag_name,link_text,partial_link_text,xpath,css＜搬代码＞
weixin_52001174的博客
04-13 1019
1.导包 2.2.指定浏览器（实例化浏览器对象） 3.打开i项目（就是网址） 4.找到元素定位 5.操作元素 6.暂停3s 7.关闭4 一案例实施步骤思路分析id要素 #导入selenium From selenium import webdriver From time import sleep #实例化浏览器 Driver=webdriver.Firefox() #打开项目 Driver.get(“http://www.baidu.com”) #找到用户名文本框-定位元素（用户） element=Dri
CSS给元素设置ID属性
记录和分享属于我的“IT”时光
01-16 1481
CSS给元素设置ID属性
2.请设计一个login.html和LoginServlet 2.1 包含账户名、密码、登录按钮； 2.2 点击登录按钮提交至LoginServlet; 2.3 使用注解配置LoginServlet； 2.4 在控制台显示页面的登录名和密码信息；
03-07
public class LoginServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值