欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作

程序员文章站 2022-04-19 09:53:14
...
Xhtml有很多不常用却很有用的标签。有的能事半功倍，有的能改进语义，有的则能提高易用性，我总结了一些，总结的原则是有用而且能用，就是大多数浏览器得支持，否则就不算“上上签”了。只能望“签”兴叹又有什么用呢？
标签
作用： 标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，我们一般会这样写链接，而使用这个标签就能一下搞定了！
属性：
Href:链接地址
target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用，这个用法我最先是在163.com上发现的。
用法：

>> 

 href="http://www.qq.com/" /> > 

 target="_blank" /> > 

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

>



>




  
>  
其实我是caption 

 

 
> 
 
> 
 

 

 
> 
 
> 
 

 


标签、
标签、
标签
    作用：thead、tfoot 
以及 
tbody标签跟他们的名字那样，分别是表格的头部（很多人只是用th）、主题、和底部，他们能让表格更加语义化的同时，也能让我们更加方便的控制表格的表现。国外还有人用很变态地方法用这三个表其做出标题能跟随表格，或者tbody固定高度，多出的行数出现滚动条。有兴趣的可以搜素下或者是这做一下。
注意：如果您使用 thead、tfoot 以及 tbody 
元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。
用法：
 border="1">
>
>




>
>





>
>



>





 
 

 
>科目
 
>分数
 

 
 
 

 
>总分
 
>159
 

 
 
 

 
>语文
 
>99
 

 

 
>数学
 
>60
 

 
 


标签和标签


作用：


元素用来分类表单中的元素，而则能给这个组定义一个标题。你一定见过类似下面domo的布局吧！他们也可以通过css定义样式。
用法:

> 

> 

>基本信息
 
姓名:  type="text" /> 
性别:  type="text" /> 


 



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


2>我是上标 
2>我是下标


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



> 
 
 type="radio" name="sex" id="nan" /> 

/> 
 
 type="radio" name="sex" id="nv" /> 



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



    你如果对更多的xhtml标签感兴趣，可以考虑看一看《HTML和XHTML权威指南》这本书，你也能在网上找到电子版的。我看过英文影印版的，虽然是英文但也不是太难看懂。
    你要是知道其他很有用的标签告诉我们吧！

Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。


相关文章


相关视频










网友评论


文明上网理性发言，请遵守 新闻评论服务协议
我要评论






  • Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作
    • 

    • 

    

    


    

    

    

    

    专题推荐
    


    

    

    

    作者信息
    

    

    Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作
    

    

    

    认证0级讲师
    

    

    

    

    发布技术文章
    

    

      

    • 最新文章
      • 

    • 热门排行
      • 

    

    

    

    

    

    

    

    
推荐视频教程
    

  • 
Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作javascript初级视频教程

    • 

  • 
Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作jquery 基础视频教程

    • 

    

    

    
视频教程分类
    


    

    

    

    


    ：公益在线php培训，帮助PHP学习者快速成长！
    

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作关于我们免责申明赞助与捐赠广告合作
    

    

    
Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作  
            Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作
    相关标签： Xhtml 标签

    上一篇： Js的三种消息提示窗口

    下一篇： 十款不容错过的Swift iOS开源项目

    推荐阅读