在阅读完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. sysbench压力测试工具简介和使用(一)

    sysbench压力测试工具安装和参数介绍 一.sysbench压力测试工具简介: sysbench是一个开源的.模块化的.跨平台的多线程性能测试工具,可以用来进行CPU.内存.磁盘I/O.线程.数据 ...

  2. 全面了解 Linux 服务器 - 3. 查看 Linux 服务器的硬盘使用情况

    1)查看硬盘及分区信息 liuqian@ubuntu:~# fdisk -l ...... ...... Disk /dev/sda: 100 GiB, 107374182400 bytes, 209 ...

  3. OFBIZ:启动之ContainerLoader

    ContainerLoader类实现StartupLoader接口,目的是装入各种Container容器. /** * An OFBiz container. A container can be t ...

  4. js实现多个图片淡入淡出,框架

    单个淡入淡出已经写过,可以看看上几遍的博文 <style> *{ margin:0; padding:0; } div{ height:100px; width:100px; backgr ...

  5. MySQL安装过程net start mysql 启动失败 报“错误2,系统找不到文件”的解决办法

    MySQL安装过程net start mysql 启动失败 报“错误2,系统找不到文件”的解决办法 错误2,系统找不到文件. 开始...运行... regedit  注册表项: HKEY_LOCAL_ ...

  6. php产生随机数函数

    <?php function generate_code($length = 4) { return rand(pow(10,($length-1)), pow(10,$length)-1); ...

  7. PDF 生成插件 flying saucer 和 iText

    最近的项目中遇到了需求,用户在页面点击下载,将页面以PDF格式下载完成供用户浏览,所以上网找了下实现方案. 在Java世界,要想生成PDF,方案不少,所以简单做一个小结吧. 在此之前,先来勾画一下我心 ...

  8. iOS 关于僵尸对象和僵尸指针的那些事儿

    引言 提到僵尸就感到一种恐怖,大家都知道“僵尸”是没有生命的,但是它确实是一种存在的类似生命体的一种生物.哈哈,当然本文的重点不是讨论“僵尸”,而是有关于ios当中经常遇到的僵尸指针(Zombie P ...

  9. uva 1368 DNA Consensus String

    这道题挺简单的,刚开始理解错误,以为是从已有的字符串里面求最短的距离,后面才发现是求一个到所有字符串最小距离的字符串,因为这样的字符串可能有多个,所以最后取最小字典序的字符串. 我的思路就是求每一列每 ...

  10. Inside The C++ Object Model - 02

    前言 - 什么是C++对象模型 C++对象模型包括2个方面的含义: 1.语言中直接支持面向对象程序设计的部分 2.对于各种(面向对象)支持的底层实现机制. 无论是什么语言,都需要转换为汇编.很多面向对 ...