`

被忽略却很有用的html标签

HTMLCSSQQ浏览器 
阅读更多

<base>标签
    作用：标签为页面中所有链接指定默认链接地址或链接目标。有时候我们需要让首页的链接全部在新窗口中打开，我们一般会这样写链接，而使用这个标签就能一下搞定了！
    属性：
        Href:链接地址
        target:目标，他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用，这个用法我最先是在163.com上发现的。
    用法：
 

    

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

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

    3. 

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

    4. 

  4. 
</head> 

    5. 

  5. 
<body> 

    6. 

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

    7. 

  7. 
</body> 

    8.

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

    

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

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

    3. 

  3. 
    <tr> 

    4. 

  4. 
        <td>&nbsp;</td> 

    5. 

  5. 
        <td>&nbsp;</td> 

    6. 

  6. 
    </tr> 

    7. 

  7. 
    <tr> 

    8. 

  8. 
        <td>&nbsp;</td> 

    9. 

  9. 
        <td>&nbsp;</td> 

    10. 

  10. 
    </tr> 

    11. 

  11. 
</table> 

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

  1. <table border="1"> 
    2. 

  2. 
    <thead> 

    3. 

  3. 
        <tr> 

    4. 

  4. 
        <th>科目</th> 

    5. 

  5. 
        <th>分数</th>   

    6. 

  6. 
        </tr> 

    7. 

  7. 
    </thead> 

    8. 

  8. 
    <tbody> 

    9. 

  9. 
        <tr> 

    10. 

  10. 
        <td>语文</td> 

    11. 

  11. 
        <td>99</td> 

    12. 

  12. 
        </tr> 

    13. 

  13. 
        <tr> 

    14. 

  14. 
        <td>数学</td> 

    15. 

  15. 
        <td>60</td> 

    16. 

  16. 
        </tr> 

    17. 

  17. 
    </tbody> 

    18. 

  18. 
    <tfoot> 

    19. 

  19. 
        <tr> 

    20. 

  20. 
        <td>总分</td> 

    21. 

  21. 
        <td>159</td> 

    22. 

  22. 
        </tr> 

    23. 

  23. 
    </tfoot> 

    24. 

  24. 
</table> 

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

  1. <form> 
    2. 

  2. 
    <fieldset> 

    3. 

  3. 
        <legend>基本信息</legend> 

    4. 

  4. 
            姓名: <input type="text" /> 性别: <input type="text" /> 

    5. 

  5. 
       </fieldset> 

    6. 

  6. 
   </form> 

    7.

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

    

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

  2. 
<p>2<sub>我是下标</sub></p> 

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

  1. <form> 
    2. 

  2. 
    <label for="nan">先生</label> <input type="radio" name="sex" id="nan" /> <br /> 

    3. 

  3. 
       <label for="nv">女士</label> <input type="radio" name="sex" id="nv" /> 

    4. 

  4. 
   </form> 

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

  1. <select> 
    2. 

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

    3. 

  3. 
        <option>省内</option> 

    4. 

  4. 
        <option>省外</option> 

    5. 

  5. 
    </optgroup> 

    6. 

  6. 
    <optgroup label="旅行社"> 

    7. 

  7. 
        <option>省内</option>   

    8. 

  8. 
        <option>省外</option>   

    9. 

  9. 
        <option>国外</option>   

    10. 

  10. 
    </optgroup>   

    11. 

  11. 
</select> 

    12. 

  12. 
<select> 

    13. 

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

    14. 

  14. 
        <option>省内</option> 

    15. 

  15. 
        <option>省外</option> 

    16. 

  16. 
    </optgroup> 

    17. 

  17. 
    <optgroup label="旅行社"> 

    18. 

  18. 
        <option>省内</option> 

    19. 

  19. 
        <option>省外</option> 

    20. 

  20. 
        <option>国外</option> 

    21. 

  21. 
    </optgroup> 

    22. 

  22. 
</select> 

    23.
 
分享到：
| 关于EXT2.0 的Ext.form.VTypes的验证的扩 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML常用标签.pdf

    注释会被浏览器忽略。 2. &lt;!DOCTYPE&gt;：声明位于文档中的最前面的位置，处于&lt;html&gt;标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 3. &lt;html&gt;：此元素可告知浏览器其自身是一个 HTML 文档。 4. ...

    用JS实现HTML标签替换效果

    有个静态页面 &lt;span u00a0id=ab&gt;abcde&lt;/span&gt;&lt;span u00a0id=ab&gt;abcde&lt;/span&gt;&lt;span u00a0id=ab&gt;abcde&lt;/span&gt;&lt;span u00a0id=ab&gt;abcde&lt;/span&gt; 能否通过js实现，IE浏览时的代码被替换为 &lt;/&gt;&lt;/&gt;&lt;/&gt;&lt;/&gt; 无...

    HTML中meta标签及Keywords

    关键字 meta（标签）及 Keywords（关键词），曾经在网页中很重要的，但现在已经被很多搜索引擎完全忽略。但是，如果加上这个标签也对网页的综合表现没有坏处，不过，如果使用不恰当的话，对网页非但没有好处，还有...

    HTML5 对各个标签的定义与解释：noscript

    如果浏览器支持脚本，那么它不会显示...老式的（无法识别 &script&gt; 标签的）浏览器会忽略注释，这样就不会把标签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释标签中！ 实例代码 &lt;body&gt;

    parcel-plugin-html-externals:ParcelJS插件将忽略标记为外部文件的html文件中的某些脚本和样式表链接标签

    ParcelJS插件将忽略标记为外部文件的html文件中的某些脚本和样式表链接标签。 将来，Parcel可能会开箱即用地支持外部组件，参见。 如果您正在寻找一种声明外部方式而不是忽略它们的方法，则可能需要查看安装npm ...

    HTML+CSS+JavaScript 400源码套装.rar

    HTML标签是由尖括号包围的关键字，比如&lt;html&gt;，HTML标签通常是成对出现的,比如&lt;b&gt;&lt;/b&gt;，标签对中的第一个标签为开始标签，第二个标签为结束标签，开始标签和结束标签也被称为开放标签和闭合标签 HTML注释： &lt;!–...

    htmltag的格式化文件

    htmltag的格式化文件,一个方便的取得html内所有input内容的方法,快速,支持不完整html标签,自适应

    浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

    今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用，比如宽、高、水平居中等，其实这个属性的使用只有在块级标签上使用...

    高速UBB标签转换引擎

    2. 容错性非常好，比如对于错误UBB语法"[b]你[i]好[/b]啊[/i]"，可以选择两种容错模式“忽略(IGNORE)”和“关闭(CLOSE)”，如果采用忽略模式，那么错误的标签会被忽略掉，也就是转换为"你[i]好啊[/i]"；而如果采用...

    WebApp里的Meta标签大全

    我们前端人员经常写html, 但是老是忽略meta 所以这里关于webap里meta标签的使用定义，这种情况下使用的含义

    HTML框架代码全集.pdf

    在使用框架的 HTML 文档中不能出现 &lt;body&gt; 标签，否则会导致浏览器忽略所有的框定义而只显示 &lt;body&gt; 和 &lt;/body&gt; 之间的内容。&lt;Frameset&gt; 标签作用是将窗口分割为若干个子窗口，子窗口的数目取决于嵌套在该标签中 ...

    php过滤html标记属性类

    * public setIgnore 设置忽略的标记 * private findElements 搜寻需要处理的元素 * private findAttributes 搜寻属性 * private removeAttributes 移除属性 * private isException 判断是否特例 * private ...

    JS实现HTML标签转义及反转义

    这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。 由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。 这里提供一个非常简单有效的转义方案，利用了innerHTML和innerText ...

    NekoHTML校验HTML

    如果为false，&lt;html&gt;和被忽略，所有的内容都被解析。 http://cyberneko.org/html/features/document-fragment False 解析HTML片段时是否作标签增补。此功能不要用在DOMParser上，而要用在DOMFragmentParser上。 ...

    使用HTML开发商业网站-嵌入视频和音频课件.pptx

    使用HTML开发商业网站 嵌入视频和音频 嵌入视频和音频 在HTML5中，video标签用于...虽然html5支持Ogg、MPEG 4和WebM的视频格式以及Ogg、MP3和Wav的音频格式，但各浏览器对这些格式却不完全支持 视频格式 格式 IE 9 Fi

    HTML5 video 视频标签使用介绍

    HTML &lt;video&gt; 适用于HTML 5+，用于定义在线观看的视频流媒体。 复制代码代码如下:&lt;...这里是注释文字，如果无法支持 HTML 5 浏览器将显示这里的... 标签，就可以通过浏览器播放swf、flv等格式视频文件，但是前

    HTML !–…– 注释标签的深层次作用分析

    特别是新浪网注释标签用于在源文档中插入注释，注释文字一般作为程序员参考使用，特别是大型、多人开发的网站源码，如果没有注释就无法让甲程序员写的代码，让乙程序员识别，这样万一程序员甲离职了，那么他所写的...

    JSTL详细标签库介绍

    在程序可以忽略异常（忽略异常在大型公用软件和关键处理软件可能会导致重大的软件破坏，而自己用的软件，通常可忽略一些错误）&lt;BR&gt;2、 遇到异常时，程序可以根据提示来终止运行（但是处理关键任务是绝对不可以采用...

    Python使用正则表达式去除(过滤)HTML标签提取文字功能

    主要介绍了Python使用正则表达式去除(过滤)HTML标签提取文字，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下

    纯HTML标签你熟悉多少?

    HTML标签很多,可是实际上常用的却就那么十几二十个,很多标签的功能渐渐的被大家忽略了.然后,如果在适当的时候,用一用,还是能在一定程序上给我们的页面设计带来一点小小的方便的.

Magicbox
Global site tag (gtag.js) - Google Analytics