HTML class和id

来源:互联网 发布:tm网络意思 编辑:程序博客网 时间:2024/05/17 21:40

在HTML中,当在一个文档里面我们要对多个标签使用同一个样式的时候可以使用class或者id,当然一般不推荐为了使用样式而为标签添加id;使用javaScript可以获取class和id属性,从而对标签添加特定的行为。


元素唯一的ID:

       在元素的开始标签中输入id名,格式 id="name",name是id的名称,程序员自己起,这个id是唯一识别元素的名称,name不能有数字或者空格。id个人建议是用来作为当前文档的链接,在文档中进行跳转的时候使用,HTML 文档中的每个 id 都必须是唯 一的。换句话说,一个页面里不能出现两个具有相同 id 的元素,并且每个元素都只能有一个id。相同的id可以出现在不同的页面里, 同一 id也不一定每次都赋给同一元素,尽管这是惯常的做法。

       例:

              <div id="first">

              ....

               </div>

元素的类别:

       在元素开始标签里添加,格式class="name",class并不是唯一的,可以在头部元素里<style>标签中定义,这样可以让class在多个标签中使用,如果要指定多个类别那就将类别名字之间用空格分开,格式class="first second",类别名可以两个以上,class尽量用来添加样式,一个 class 名称可以分配给页 面中任意数量的元素,并且一个元素可以有 一个以上的 class。

       在标签中添加class,例:

              <div class="first">

              ....

               </div>


任何HTML标签可以同时用一个id和若干个class,id和class名称最好是有意义的,自己打代码要看的懂啊,然后就是名称中每个单词之间用短横线 “-” 隔开。建议是class和id统一定义在头元素中会更好吧,我个人感觉哈。class和id的具体使用方式有很多,这里不讨论,要自己积累,我也就是做个最简单的格式介绍,用多了就都会了。

       



原创粉丝点击