对Html5中的id和name以及class属性的理解

       在学习web前端中html的时候,当用到一些比较好的编辑器的时候,总会自动跳出一些属性,其中就有ID、name、class,开始的傻傻分不清,当学了css和js之后,慢慢的有了感觉,现在把我个人对这三个属性的理解写出来,如有错误,请批评指正。

1   id、name、class属性是什么?

(1)id是html页面中元素的唯一标示,属性值在页面中不能重复,每个元素的id不同,可以设置也可以不设置;

(2)name属性值可以重复,指的是标签的名称;

(3)class可简单的理解为类属性,属性值在页面中不唯一;

2  id、name、class的用途

(1)id是标签的唯一标识,多用于js脚本中,比如页面中有多个元素,让我们想在js脚本中对某个特定元素进行设置的时候,我们可以根据id来直接访问该元素。

       同时,id也可用于css样式中,当我们想对某个单独的元素做出改变样式时候可以进行设置,使用  #元素id{ } 方式来改变样式

(2 )name多用于表单中,用来和服务器进行交互,如CheckBox标签和radio标签等,对应的name属性的值就是提交表单后变量的名称。

(3)class多用于设置CSS样式 ,当我们想让很多元素拥有相同的样式时,可以通过class属性的值来统一选择,通常为   .class的属性{}  设置css样式做法一般是先通过类设置大部分相同的元素样式,再通过ID设置独特的元素样式。

3 总结

       对于id name class属性值,我个人的感觉是能用到的时候再定义,不然要么元素过多,定义太多记不住,要么定义了用不到,浪费时间 id多用于js和css,强调每个元素的独特性;name多用于form表单,强调交互;而class多用于css的设置,强调标签的共同性。

  • 8
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML语言,所有的行内元素都是指可以在文本添加,而不会打断文本结构的元素。常见的行内元素包括: 1. a:用于创建超链接,可以通过href属性指定链接的URL地址,也可以通过target属性指定链接的打开方式(例如在新窗口打开链接)。 2. span:没有特定的语义含义,通常用于对文本进行样式设置(例如颜色、字体大小等),也可以通过idclass属性来为文本添加标识符,方便后续的JavaScript操作。 3. img:用于在文本插入图片,可以通过src属性指定图片的URL地址,也可以通过alt属性为图片添加描述,方便用户在无法加载图片时了解图片内容。 4. input:可以用于创建多种表单控件,例如文本框、复选框、单选框等,可以通过type属性指定控件的类型,并通过name属性和value属性来传递表单数据。 5. label:通常与input元素配合使用,可以通过for属性指定关联的input元素,从而为表单控件添加标签,方便用户理解控件的作用。 6. button:用于创建按钮,可以通过type属性指定按钮的类型(例如提交按钮、重置按钮等),也可以通过onclick属性为按钮添加JavaScript事件处理程序。 7. select:用于创建下拉列表框,可以通过option元素添加选项,也可以通过selected属性指定默认选项。 8. textarea:用于创建多行文本框,可以通过rows和cols属性指定文本框的大小。 9. b:用于加粗文本,可以通过style属性指定加粗程度。 10. i:用于斜体文本,可以通过style属性指定斜体程度。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值