ホームページ >ウェブフロントエンド >htmlチュートリアル >Xhtml_HTML/Xhtml_Web ページ作成ではあまり使用されませんが非常に便利なタグ
Xhtml には、珍しいけれども便利なタグがたくさんあります。半分の労力で 2 倍の結果が得られるもの、セマンティクスを改善できるもの、使いやすさを向上できるものなどをまとめました。つまり、ほとんどのブラウザがサポートする必要があるということです。そうしないと、「はい」としてカウントされません。 「たくさん」のため息をつくだけで何の役に立つでしょうか?
機能:
属性:
Href: リンクアドレス
target: target は、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>