HTML中属性name、id、class三者之间的区别

HTML中属性name、id、class三者之间的区别



name:主要是用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、 window的名字,用于在其他frame或window指定target )和button等,这些元素都与表单(框架元素作用于form的target)提交有关,浏览器会根据name来设定发送到服务器的request, 在表单的接收页面只接收有name的元素,  所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。在form里面,如果不指定name,就不会发送到服务器端。

除去与表单相关的元素,只能赋id不能赋name。这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

CSS 中 id、class属性的区别   

1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。

如: .css5{属性:属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>

  .baobao{ color: lime; background: #ff80c0 }

使用方法:class="

baobao" 

2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称

如一个CSS规则:

#binbin{ font-size: larger }

使用方法:id="

binbin"

id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

3)css里的id用法与class用法一样,只是把class换成id。如例子:

在CSS样式定义ID

 #css5 {height:25px; width: 200px;}

     调用ID :

            <div id="css5">我是ID例子</div>

class是一个样式,可以套在任何结构和内容上,就象一件衣服。

class可以反复使用而id在一个页面中仅能被使用一次

id具有唯一性,而class是一个类,适用于可多次重复使用的容器

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,865评论 0 0
  • HTML 中 id与name 区别 一个name可以同时对应多个控件,比如checkbox和radio。而id必须...
    Yinag阅读 739评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,607评论 1 45
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,770评论 0 11
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,661评论 0 7

友情链接更多精彩内容