幾個TAG
當今的WEB領域,新概念、新技術不斷涌現 -- WEB2.0、AJAX、HTML5.0... ...但在幾乎被我們忽略的HTML和XHTML里,還有許多并不為人所知的,但卻非常有用的一些TAG。以下就是其中的七種用法:
一、元素分組:<fieldset>、<legend>
示例:
1 <fieldset>
2 <legend>健康信息:</legend>
3 <form>
4 <label>身高:<input type="text" /></label>
5 <label>體重:<input type="text" /></label>
6 </form>
7 </fieldset>效果:
二、元素標注:<label>
示例:
1 <form>
2 <label for="male">Male</label>
3 <input type="radio" name="sex" id="male" />
4 <br />
5 <label for="female">Female</label>
6 <input type="radio" name="sex" id="female" />
7 </form>效果:
三、所有鏈接規定默認地址或默認目標:<base>
示例:
1 <html>
2 <head>
3 <base href="http://www.w3school.com.cn/i/" mce_href="http://www.w3school.com.cn/i/" />
4 <base target="_blank" />
5 </head>
6
7 <body>
8 <img src="eg_smile.gif" mce_src="eg_smile.gif" /><br />
9 <p>請注意,我們已經為圖像規定了一個相對地址。由于我們已經在 head 部分規定了一個基準 URL,瀏覽器將在如下地址尋找圖片:</p>
10 <p>"http://www.w3school.com.cn/i/eg_smile.gif"</p>
11
12 <br /><br />
13 <p><a href="http://www.w3school.com.cn" mce_href="http://www.w3school.com.cn">W3School</a></p>
14 <p>請注意,鏈接會在新窗口中打開,即使鏈接中沒有 target="_blank" 屬性。這是因為 base 元素的 target 屬性已經被設置為 "_blank" 了。</p>
15
16 </body>
17 </html>
四、上標與下標:<sup>、<sub>
示例:
1 <p>
2 This text contains <sub>subscript</sub>
3 </p>
4
5 <p>
6 This text contains <sup>superscript</sup>
7 </p>效果:
關鍵詞:標記