JavaEE-4.2-HTML中的name、id、class的使

image.png

如上图，ID好比身份证的身份号码，每个人的身份证号码是不一样的，也是唯一的；name就好比身份证上的姓名，它只是一个代号，名字不会是唯一的；身份证上的性别、汉族和class这个属性很是相似，是一个类别的统称。

1、name的用处

name属性在已经学过的标签元素里出现的比较多，最为常出现在<input>和锚点里。

1. <input>里的应用

<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女

对于上面的代码，在选择性别时，我们需要出现的是单选，因而对两个input标签来说，需要命名成同一个名字才行。

2. 设置跳转锚点

<h3><a name="maodian"></a>标题</h3>
<a href="#maodian">跳转至标题</a>

2、id和class

这个主要是和CSS一起用的，往往是用于CSS的渲染选择
比如：

代码段1：

<style>
      .aa{color:#000}
      #bb{color:ff0000}  
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>

代码段2：

<style>
      #bb{color:ff0000}
      .aa{color:#000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>

• Tip：注意这里引用id是用#id，引用class是.class

此时，无论class的样式文件在第一行或者第二行输出结果都是红色字体，说明引用id进行CSS渲染的优先级要高于引用class渲染的优先级。

显示效果