html温故 冷门知识梳理

html:

标签：

1.注释：<!-- -->。

2.缩写注释：<abbr></abbr> abbreviation 美[əˌbriviˈeʃən]。

The [code]<abbr title="People's Republic of China">PRC</abbr>

was founded in 1949.[/code]
当鼠标滑过‘PRC’时显示出全称。

3.联系信息：<address></address>.

<address> 元素中的文本通常呈现为斜体,通常连同其他信息被包含在 <footer> 元素中。

4.图片可点击的区域<area></area> 配合usemap属性和map使用。

效果：图片area内点击跳转一个新的链接。

详细信息：http://www.w3school.com.cn/tags/tag_area.asp

5.文章：<artical></artical>

格式上没有区别，起到声明这是一篇文章的作用，比如博客，用户评论等。

6.声明页面之外的相关内容：<aside></aside>

7.音频：<audio></audio>

8.定义默认的网址或目标：补充空白的内容。<base />

[code]<base href="http://www.w3school.com.cn/i/" />

<base target="_blank" />

9.脱离父元素的文本方向设置。<bdi></bdi>

10.设置文本方向：<bdo dir="左ltr 右rtl"></bdo>

11.块儿引用：<blockquote></blockquote>

两边会有缩进。

12.短的引用，和blockquote类似，只不过长度短。<q></q>

13.按钮<button></button>

14.图形容器：<canvas></canvas>

具体图形需要使用脚本来控制。

15.表格的标题：<caption></caption>

需要紧随table标签后。

16.为列定义样式：<col /> <colgroup></colgroup>

17.输入时列出可能的值。与input配合使用。<datalist></datalist>

例如：

<input id="myCar" list="cars" />
[code]<datalist id="cars">

<option value="BMW">
<option value="Ford">
<option value="Volvo">

</datalist>

18.声明一个列表，无效果。<dl></dl>

19.定义 项目部分<dt></dt>

20.定义列表的条目 前有缩进。<dd></dd>

<dl>
   [code]<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>[/code]

21.标记特殊记号：<mark></marl>

22.定义一个插件。<embed />

23.在表单中添加一个线框，增强视觉效果。<fieldset></fieldset>

24.为上面的fieldset定义标题 <legend></legend>。

25.声明 图像图表代码照片等，比之前的标签更加语义化。<figure></figure>

标题使用 <figcaption></figcaption>

26.规定文本的字体，尺寸，颜色。<font></font>

27.表单，用于传输数据<form></form>

28.定义了一个框架。frameset frame

例如：

<frameset cols="25%,50%,25%">
  [code]<frame src="" />

</frameset>[/code]
29.分割线。<hr>

30.页眉。<header></header>

31.删除的文本，即上面划一棒的那种。<del></del>

32.与del一起使用，表示更新。<ins></ins>

33.度量条。<meter value=""></meter><!--如果value在0~1之间则直接显示，不然需要指定最大最小值--!>

34.进度条，不适合度量，效果类似但不同于度量条。<progress></progress>常和javascript一起使用。

35.保留原来的格式，可以放代码等<pre></pre>。

36.换行<br>

37.上标 下标

38.多行文本输入<textarea></textarea>

39.下拉菜单，<select><option></option></select> 下拉列表分类可使用<optgroup>

例如：

[code]<select>
  <optgroup label="Swedish Cars"><!--为选项组规定描述--!>
    <option value="volvo">Volvo</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
  </optgroup>
</select>

40.无特殊效果，但是可以利用for属性转到相应的控件。<label></label>

41.利用私钥公钥进行加密。

[code]<keygen name="security" />

42.定义输出<output></output>可以利用name进行相关操作。

例如：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
   <input type="range" id="a" value="50">100
   +<input type="number" id="b" value="50">
   =[code]<output name="x" for="a b"></output>

</form> [/code]
43.定义视频：<video></video>

44.建立联系。<link></link>

45.声明导航栏：<nav></nav>

46.表头thead 表主体tbody 表脚注tfoot 表行 tr 表头单元格th 单元格td。

47.小型的<p>，利用<span></span>，方便进行样式修改。

48.语义上分章节。<section></section>

49.定义了页面的一些元信息。<meta></meta>

50.定义脚本：

[code]<script type="text/javascript">

document.write("Hello World!")

</script>

51.插入一个对象<object></object>。

52.为object或者applet提供参数 <param></param>。