HTML标签拾遗

在日常的开发过程中，经常与HTML标签打交道，常用的标签往往是那么几个，在此记录下后续可能会用到的html标签，或许会有意向不到的奇效。全部内容来自w3cschool。

<abbr>

　　<abbr> 标签指示简称或缩写，比如 "WWW" 或 "NATO"。

　　通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

　　可以用于快速的建立文字的提示信息。

<area>

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">

  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />

  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />

  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />

</map>

<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

area 元素总是嵌套在 <map> 标签中。

注释：<img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。

注释：<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性（由浏览器决定），所以我们需要同时向 <map> 添加 id 和 name 两个属性。

可以用于快速的建立针对不同区域的不同链接转向。

<del> <ins>

del 定义文档中已被删除的文本。 ins定义文档中已被插入的问题（下划线）.

用样式可以解决这个问题，但是对于个别使用的时候可以考虑使用标签解决。

<fieldset>

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<form>

<fieldset>

<legend>健康信息</legend>

身高：<input type="text" />

体重：<input type="text" />

</fieldset>

</form>

效果如图：

可以将查询框、输入框的内容隔离出来，更好的显示效果。

<hr>

　　<hr> 标签在 HTML 页面中创建一条水平线。

　　水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

　　便捷的添加横线区分段落。

<ol>,<ul>

<ol> 标签定义有序列表。五种类型，通过type来定义，分别是1,A,a,I,i,对应于数字，大小写字母，大小写罗马字母

<ul> 标签定义无序列表。

便捷的添加标号。

<optgroup>

　　<optgroup> 标签定义选项组。

　　optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

<select>

<optgroup label="Swedish Cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

</optgroup>

<optgroup label="German Cars">

<option value="mercedes">Mercedes</option>

<option value="audi">Audi</option>

</optgroup>

</select>

　　其展示效果：

　　能够将下拉框条件更清晰的展示出来。

<sup> <sub>

上下标标签，常用于数学公式，效果如下：

便于显示数学等式、科学符号和化学公式等。

巴特西

HTML标签拾遗

最新文章

热门文章