<base>标签 

作用：标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，我们一般会这样写链接，而使用这个标签就能一下搞定了！

属性：Href:链接地址    target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用。

用法：

<head><!—写在head标签之间-->

<base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/-->

<base target="_blank"/> <!—将默认链接目标定义为新窗口中打开-->

</head>

<body>

<a href="#">我可没写链接地址哦</a>

</body>

<caption>标签

作用：caption标签用来定义表格的标题，给表格定义一个标题，来说明这个表格是干什么的，岂不是很有“语义”，caption应该写在table之后，默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。

用法：

<table width="200" border="1">

<caption><!--caption应该写在table之后--> 其实我是caption </caption>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>
<thead>标签、<tbody>标签、<tfoot>标签    
作用：thead、tfoot 以及 tbody标签跟他们的名字那样，分别是表格的头部（很多人只是用th）、主题、和底部，他们能让表格更加语义化的同时，也能让我们更加方便的控制表格的表现。国外还有人用很变态地方法用这三个表其做出标题能跟随表格，或者tbody固定高度，多出的行数出现滚动条。有兴趣的可以搜素下或者是这做一下。    
用法：
 1 <table border="1">

 2   <thead>

 3     <tr>

 4         <th>科目</th>

 5         <th>分数</th>

 6     </tr>

 7   </thead>

 8   <tbody>

 9     <tr>

10       <td>语文</td>

11       <td>99</td>

12     </tr>

13     <tr>

14       <td>数学</td>

15       <td>60</td>

16     </tr>

17   </tbody>

18   <tfoot>

19     <tr>

20       <td>总分</td>

21       <td>159</td>

22     </tr>

23   </tfoot>

24 </table>
<fieldset>标签和<legend>标签    
作用：<fieldset>元素用来分类表单中的元素，而<legend>则能给这个组定义一个标题。你一定见过类似下面domo的布局吧！他们也可以通过css定义样式。    
用法:
<form>

  <fieldset>

    <legend>基本信息</legend>

    姓名: <inputtype="text"/>

    性别: <inputtype="text"/>

  </fieldset>

</form>

<sup> 标签和<sub> 标签

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

用法：

<p>2<sup>我是上标</sup></p>

<p>2<sub>我是下标</sub></p>
<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>

<optgroup> 标签    

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

用法：

<select>

  <optgroup label="自驾游"><!--配合label标签给每组命名-->

    <option>省内</option>

    <option>省外</option>

  </optgroup>

  <optgroup label="旅行社">

    <option>省内</option>

    <option>省外</option>

    <option>国外</option>

  </optgroup>

</select>

运行结果：

被忽略却很有用的html标签的更多相关文章

  1. PHP很有用的一个函数ignore_user_abort ()

    PHP很有用的一个函数ignore_user_abort () 2013-01-16 14:21:31|  分类: PHP |  标签:php  函数  |举报|字号 订阅     ignore_us ...

  2. bootstrap实战练习中涉及的知识点（很有用哦！）

    看的有关视频做的笔记,对bootstrap中涉及的知识点做了一定的解析,很有用哦!(新手上路,有不合适的地方可以指出哦!) 下面进入正题: Bootstrap是当下最流行的前端框架(界面工具集) 特点 ...

  3. linux非常用但很有用的命令

    查找指定目录下包含指定字符串的所有文件 grep -rl 'abc' / top查看命令的完整启动路径 top 按c top以MB为单位显示内存信息 top -M 查看内存top io趋势 pidst ...

  4. 今日推荐：10款在 Web 开发中很有用的占位图片服务

    设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用, ...

  5. 你不一定知道的几个很有用的 Git 命令

    这里给大家分享一些很有用的 Git 命令,其中很多用法你可能都不知道,无论你是工作在团队环境中或在您的个人项目中,这些命令将对你帮助很大,让你可以更加高效的进行项目开发,更轻松愉快的工作和生活. 您可 ...

  6. 8个很有用的PHP安全函数，你知道几个？

    原文:Useful functions to provide secure PHP application 译文:有用的PHP安全函数 译者:dwqs 安 全是编程非常重要的一个方面.在任何一种编程语 ...

  7. Unix / 类 Unix shell 中有哪些很酷很冷门很少用很有用的命令？（转）

    著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:孙立伟 链接:http://www.zhihu.com/question/20140085/answer/14107336 ...

  8. Linux Shell 裡一些很少用到卻很有用的指令

    Linux Shell 裡一些很少用到卻很有用的指令 2009年11月30日 13:53:00 yaoyasong 阅读数:414   Linux Shell 裡一些很少用到卻很有用的指令 你是不是已 ...

  9. linux不常用但很有用的命令（持续完善）

    Linux登录后设置提示信息: /etc/issue 本地端登录前显示信息文件 /etc/issue.net 网络端登录前显示信息文件 /etc/motd 登陆后显示信息文件 可以添加以下几个常用选项 ...

随机推荐

  1. openerp经典收藏 对象的预定义方法（转载）

    对象的预定义方法 原文:http://shine-it.net/index.php/topic,2159.15.html 每个OpenERP的对象都有一些预定义方法,这些方法定义在基类osv.osv中 ...

  2. Thread线程初探

    using System; using System.Threading; class Example { static void Main() { TimeSpan interval = , , ) ...

  3. 使用Telerik的登陆模板实现DoubanFm的登陆(WP7)

    Telerik的控件很强大.我们直接使用其登陆模板. 在装过Telerik WP版后,就可以在VS里非常方便的添加页面了. 我们选择 Sign In Form 其XAML不是很长,直接贴出来 < ...

  4. Tmall Programmer Triples Smartisan Sales

    页面程序造假,丢脸丢到华尔街日报去咯 http://blogs.wsj.com/chinarealtime/2014/10/13/tmall-programmer-triples-smartisan- ...

  5. python之字串

    python字串声明: 单引('), 双引("), 三引(''' 或 """"). python字串前缀: r表示原生字串, 字串内容: (1)不能包 ...

  6. (C学习基础)一，CMD的使用

    以后考研要考数据结构,所以系统的整理一下C学习笔记.这里开发用VS2013  CMD资料在这里下载 首先就是DOS系统的CMD的使用,是不是觉得会命令行语句的人特别牛呢,有时候使用命令行总是事半功倍, ...

  7. UIWebView 需改userAgent 并且加载微信公共账号

    需要注意的是需要获取原来的UIWebView的User-Agent,然后拼接上自己新的User-Agent,貌似直接替换原来的无效,另外,修改User-Agent之后重新创建UIWebView加载网页 ...

  8. 论坛类应用双Tableview翻页效果实现

    作为一名篮球爱好者,经常使用虎扑体育,虎扑体育应用最核心的部分就是其论坛功能,无论哪个版块,论坛都是其核心,而其论坛部分的实现又别具一格,它以两个tableview的形式翻页滚动显示,而不是常见的那种 ...

  9. iOS性能调优之Analyze静态分析

    之前遇到一个同事写的 陈年老工程,需要尽快的时间修改里面的东西,急用,让我帮忙.那就帮着看看. 而Analyze这个工具 真是好用. 工程存在严重的内存泄漏.  如果不解决  很容易就会出现崩溃等现象 ...

  10. 编译时和运行时、OC中对象的动态编译机制

    编译时 编译时顾名思义就是正在编译的时候.那啥叫编译呢?就是编译器帮你把源代码翻译成机器能识别的代码.(当然只是一般意义上这么说,实际上可能只是翻译成某个中间状态的语言.比如Java只有JVM识别的字 ...