当今的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>
效果:
关键词:标记