html温故 冷门知识梳理

html:

标签:

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

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

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
当鼠标滑过‘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 />

<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" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

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

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

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

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

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%">
  <frame src="" />
</frameset>
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.上标<sup></sup>  下标<sub></sub>

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

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

例如:

<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.利用私钥公钥进行加密。

<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">
   =<output name="x" for="a b"></output>
</form> 
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.定义脚本:

<script type="text/javascript">
document.write("Hello World!")
</script>
51.插入一个对象<object></object>。

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


你可能感兴趣的:(html,html5,前端,知识梳理,冷门)