Home > Article > Web Front-end > Xhtml下不常用却很有用的标签_HTML/Xhtml_网页制作
Xhtml有很多不常用却很有用的标签。有的能事半功倍,有的能改进语义,有的则能提高易用性,我总结了一些,总结的原则是有用而且能用,就是大多数浏览器得支持,否则就不算“上上签”了。只能望“签”兴叹又有什么用呢?
作用:
属性:
Href:链接地址
target:目标,他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用,这个用法我最先是在163.com上发现的。
用法:
<code class="html"><span class="tag"><span class="tag">></span>></span> <br><span class="tag"><base> <span class="aname"> href</span>=<span class="avalue">"http://www.qq.com/"</span> <span class="tag">/></span> ></span> <br><span class="tag"><base> <span class="aname"> target</span>=<span class="avalue">"_blank"</span> <span class="tag">/></span> ></span> <br><span class="tag"></span></code><p><br><font size="4"><strong><caption>标签</caption></strong></font><br> <strong>作用:</strong>caption标签用来定义表格的标题,给表格定义一个标题,来说明这个表格是干什么的,岂不是很有“语义”,caption应该写在table之后,默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。<br> <strong>用法:</strong><br></p>
<code class="html"><span class="tag"><table> <span class="aname"> width</span>=<span class="avalue">"200"</span><span class="aname"> border</span>=<span class="avalue">"1"</span> <span class="tag">></span> <br><span class="tag"><caption> <span class="tag">></span> <span class="mlcom"><!--caption应该写在table之后--></span> <br>其实我是caption <br><span class="tag"></span> </caption></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><td> <span class="tag">></span><span class="entity"> </span><span class="tag"></span> </td> <br><span class="tag"></span><td> <span class="tag">></span><span class="entity"> </span><span class="tag"></span> </td> <br><span class="tag"></span> </tr></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><td> <span class="tag">></span><span class="entity"> </span><span class="tag"></span> </td> <br><span class="tag"></span><td> <span class="tag">></span><span class="entity"> </span><span class="tag"></span> </td> <br><span class="tag"></span> </tr></span> <br><span class="tag"></span> </table></span></code><p><br><font size="4"><strong><thead>标签、</thead> <tbody>标签、</tbody> <tfoot>标签<br> 作用:thead、tfoot 以及 tbody标签跟他们的名字那样,分别是表格的头部(很多人只是用th)、主题、和底部,他们能让表格更加语义化的同时,也能让我们更加方便的控制表格的表现。国外还有人用很变态地方法用这三个表其做出标题能跟随表格,或者tbody固定高度,多出的行数出现滚动条。有兴趣的可以搜素下或者是这做一下。<br>注意:<font color="#ff0000">如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。</font><br> <strong>用法:</strong><br> <pre mergenum="16"><code class="html"><span class="tag"><table> <span class="aname"> border</span>=<span class="avalue">"1"</span><span class="tag">></span> <br><span class="tag"><thead> <span class="tag">></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><th> <span class="tag">></span>科目<span class="tag"></span> </th> <br><span class="tag"></span><th> <span class="tag">></span>分数<span class="tag"></span> </th> <br><span class="tag"></span> </tr></span> <br><span class="tag"></span> </thead></span> <br><span class="tag"><tfoot> <span class="tag">></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><td> <span class="tag">></span>总分<span class="tag"></span> </td> <br><span class="tag"></span><td> <span class="tag">></span>159<span class="tag"></span> </td> <br><span class="tag"></span> </tr></span> <br><span class="tag"></span> </tfoot></span> <br> <br><span class="tag"><tbody> <span class="tag">></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><td> <span class="tag">></span>语文<span class="tag"></span> </td> <br><span class="tag"></span><td> <span class="tag">></span>99<span class="tag"></span> </td> <br><span class="tag"></span> </tr></span> <br><span class="tag"><tr> <span class="tag">></span> <br><span class="tag"></span><td> <span class="tag">></span>数学<span class="tag"></span> </td> <br><span class="tag"></span><td> <span class="tag">></span>60<span class="tag"></span> </td> <br><span class="tag"></span> </tr></span> <br><span class="tag"></span> </tbody></span> <br><span class="tag"></span> </table></span></code><p><br><font size="4"><strong><fieldset>标签和<legend>标签</legend> </fieldset></strong></font><br> <strong>作用:</strong></p>