HTML5技术

HTML标记的使用方法_HTML教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-17 17:40 我要评论( )

sub 标签和sup 标签 作用:sub 标签和sup 标签分别是上标和下标,虽然他们在各个浏览器的表现不一样,你同样可以使用css定义他们的样式。 用法: 2sup我是上标/sup 2sub我是下标/sub label标签 作用:label 标签的

<sub> 标签和<sup> 标签
       作用:<sub> 标签和<sup> 标签分别是上标和下标,虽然他们在各个浏览器的表现不一样,你同样可以使用css定义他们的样式。

用法:
2<sup>我是上标</sup> 
2<sub>我是下标</sub>   

<label>标签

       作用:label 标签的使用可以扩大表单的点击区域来改进表单的易用性。看看下面的用法:点击文字的时候相当于点击了单选控件,这样用户体验是不是会更好一些?

用法:
<form> 
<label for="nan">先生</label> 
<input type="radio" name="sex" id="nan" /> 
<br /> 
<label for="nv">女士</label> 
<input type="radio" name="sex" id="nv" /> 
</form> 
<form>
<label for="nan">先生</label>
<input type="radio" name="sex" id="nan" />
<br />
<label for="nv">女士</label>
<input type="radio" name="sex" id="nv" />
</form>

<optgroup> 标签

       作用:标签可以给select中的option进行分组,这在下拉项目很多的时候很有用,配合label标签给每组命名。你也可以像淘宝那样给每组用css定义不同的颜色。

用法:
<select> 
<optgroup label="自驾游"> <!--配合label标签给每组命名--> 
<option>省内</option> 
<option>省外</option> 
</optgroup> 
<optgroup label="旅行社"> 
<option>省内</option> 
<option>省外</option> 
<option>国外</option> 
</optgroup> 
</select> 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 学习HTML5一周的收获2 - 张晋铭

    学习HTML5一周的收获2 - 张晋铭

    2017-03-13 08:03

  • HTML5学习笔记一 简单学习HTML5 - 鸿鹄当高远

    HTML5学习笔记一 简单学习HTML5 - 鸿鹄当高远

    2016-04-11 10:00

  • HTML入门教程(一)_HTML基础入门教程

    HTML入门教程(一)_HTML基础入门教程

    2015-09-24 15:06

  • HTML中网页的优化_HTML教程

    HTML中网页的优化_HTML教程

    2015-09-23 12:00

网友点评
2