你的位置:首页 > 网页设计

[网页设计]关于HTML5代码总结。


在阅读完HTML5后,自己把一些常用的代码总结了一下,自认为比较全,如果有什么错误请指出。

1.<!DOCTYPE html>声明这是一个HTML5的页面

 

2.<HTML lang="en"  />默认语言设置为英语

 

3.<meta charset="UTF-8">字符编码被设置为UTF-8

 

4.<head></head>文档的头部

 

5.<body></body>页面的主体

 

6.<title></title>页面的标题(窗口的标题栏,浏览器的标签页,收藏夹列表,书签列表)

 

7.<hn></hn>(n表示从1~6的数字)文档的标题

 

8.<header></header>页面的页眉(在body中)

 

9.<nav></nav>文档中重要的链接(包含在header中)

 

10.<main></main>文档的主要部分(在body中)

 

11.<article></article>文档的文章,段落(包含在main中)

 

12.<section></section>文档中任意数量的区块(在main中)

 

13.<aside></aside>文档中的附录栏(在body中)

 

14.<footer></footer>文档的页脚(在body中)

 

15.Id=”name”唯一的<元素 id=” “>

 

16.Class=”name anothername”可以有多个 <元素 class=”XXX YYYY”>名字之间用空格隔开

 

17.当访问者把鼠标箭头指向了说明标签的元素时,显示title

 

例 <a href=” “ title=” “>

 

18.<!-- --!> 在其中添加文档的注释

 

19.<p></p>文档的段落

 

20.<small></small>免责声明,注释,署名等需要小字号

 

21.<strong></strong>重要的文本(用粗体显示)

 

22.<em></em>强调的文本(用斜体显示)

 

23.<figure><figcaption>图表的标题</figcaption>图表</figure>

 

24.<cite></cite>对某内容的引用或参考(斜体显示)

 

25.<blackquote cite=”url” lang=” “></blackquote>引用块级文本

 

26.<p cite=”url”>行内文本</p>

 

27.<time datetime=”time”> </time> 时间的引用

 

28.<abbr title=”expansion”></abbr>解释缩写词

 

29.<dfn></dfn>定义术语

 

30.<sub></sub>创建下标 <sup></sup>创建上标

 

31.<address></address>作者的地址,联系方式(斜体)

 

32.<ins<</ins>新添加的内容(用下划线表示)

 

33.<del></del>删除的内容(文本中间有一条线)

 

34.<s></s>不在准确的内容

 

35.<pre></pre>预格式化文本

 

36.<mark></mark>突出显示文本

 

37.<br />换行

38. <span id=”name”/class=”name” 其他属性></span>包围字词或短语内容(无任何语义)

39. 文本中不常用的元素,简写:

<u></u>  <wbr  />  <ruby><rp><rt></rt></rp></ruby>     <bdi></bdi>   <bdo></bdo>    <meter></meter>    <progress></progress>

40. <img src=”image.url” />(图片地址和/有一个空格的距离)在文档中出入图片

41. <img src=”image.url” alt=”” />alt表示由于某种原因无法显示图片时出来的内容

42. <img src=”image.url” alt=”” width=”X” height=”y” />输入图片的宽度和高度(均以em像素为单位)

43. <a href=”page.html” rel=”external” title=” “>链接的标签</a>创建链接     rel表示指向另一个页面的链接   title为鼠标停留来链接文本时显示的内容  目标地址会显示在页面底部状态栏

44. <a href=”page.url”>文本或段落</href>

45. < 元素id=”auchor-name”>创建锚

46. <a href=”#auchor-name”>标签文本</a>链接到特定锚

47. <a href=”url”>链接的文本</a>

url 可以是文件地址[例:http://www.site.com/dir/file.ext  www.site.com 表示主机的名称 dir/file.ext 文件的路径(以文件名或者文档目录结尾),电子邮件地址(mailto:name@domain.com,   mailto后面是邮件地址),电话号码(tel+国家代码+电话号)