在阅读完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+国家代码+电话号)

关于HTML5代码总结。的更多相关文章

  1. html5代码,获取地理位置

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...

  2. 获取地理位置的html5代码

    /** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { / ...

  3. Html5 代码

      随着HTML5的流行,许多网站开始介绍HTML5元素和属性的用法,以及各种教程,并且越来越多老的浏览器开始兼容HTML5. 本文作者编译了10段非常实用的HTML5代码片段,开发者可以直接拿过去使 ...

  4. 极客无极限 一行HTML5代码引发的创意大爆炸

    摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...

  5. HTML5代码规范

    HTML5代码规范html标签里面等号两边不要留空格在IE下可能会识别不了html5等号前后可以使用空格,但仍不推荐使用. HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少.在 ...

  6. 在网站制作中随时可用的10个 HTML5 代码片段

    HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮 ...

  7. 绝对应当收藏的10个实用HTML5代码片段(转)

    HTML5绝对是一个流行元素,受到如此多的公司组织的追捧,作为极客来说,岂能错过呢?在今天这篇文章中,我们将分享一些超实用的HTML5的代码片段,相信大家一定会喜欢! 正确的嵌入flash 如果你经常 ...

  8. 10段实用的HTML5代码

    1.HTML5编写的CSS ResetCSS Reset也可以写成Reset CSS,即重设浏览器样式. /*   html5doctor.com Reset Stylesheet (Eric Mey ...

  9. !!常用HTML5代码

    HTML5提供的新特性 2016-2-16 Web Socket 定义了一套API, 允许网页能够使用Web Socket协议来和远程主机进行双工通信. Web Storage 定义了一套API, 能 ...

随机推荐

  1. JAVA设计模式之建造模式

    在阎宏博士的<JAVA与模式>一书中开头是这样描述建造(Builder)模式的: 建造模式是对象的创建模式.建造模式可以将一个产品的内部表象(internal representation ...

  2. Create User - mysql

    Create User MariaDB [(none)]> CREATE USER 'DBAdmin'@'%' IDENTIFIED BY 'mypasswd';Query OK, 0 rows ...

  3. json(http://www.cnblogs.com/lanxuezaipiao/archive/2013/05/24/3096437.html)

    http://www.cnblogs.com/lanxuezaipiao/archive/2013/05/24/3096437.html

  4. IQ推理:P先生和Q先生

    P先生.Q先生具有足够的推理能力.这天,他们正在接受面试. 他们知道桌子的抽屉里有16张扑克牌:红桃 A Q 4黑桃 J 8 4 2 7 3草花 K Q 5 4 6方块 A 5约瀚教授从这16张牌中挑 ...

  5. Android自动化学习笔记之MonkeyRunner:MonkeyRunner环境搭建

    ---------------------------------------------------------------------------------------------------- ...

  6. sql 分组查询及格不及格人数

    select score as 类别,count(*) as 人数 from (select case when fen>=60 then '及格' else '不及格' end as scor ...

  7. 树莓派B+上手小记--使用HDMI线连接显示器

    入手还算比较顺利,一开始使用网上下的别人精简的OS,发现ACT及PWR灯一直亮着,上网查说用HDMI连接显示器需要修改配置文件config.txt,但修改后情况依旧. 如果还是用官方的系统试试吧,上网 ...

  8. Extract QQ from iPhone and analyze it

    QQ is one of the most popular chat App in the world. Now let me show you how to extract QQ from iPho ...

  9. ubuntu 开机显示错误:无法应用原保存的显示器配置

    无法应用原保存的显示器配置CRTC 63:尝试 800x600@60Hz 模式输出在 1366x768@60Hz (通过 0)CRTC 63:尝试 2560x1600@60Hz 模式输出在 1366x ...

  10. js 小工具-- 获取主机名

    <script type="text/javascript"> function getHostName(url) { var host = "null&qu ...