关于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 />换行

时间: 2024-10-19 06:08:21

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

关于 html5 代码中 &quot;xxx&quot;(双引号) 和 (单引号)&#39;xxx&#39; 的区别,谈谈我的经验!

最近在学习的时候看到有人问 "find" 与 'find' 的区别,发现了很多人都说没有区别,纯属个人爱好! 于是我好奇地试验了一下,发现了不一样的结果,通过对比分析发现 '' 和 "" (单引号,双引号),还是有很大的区别地! 建议:<!--************为了防止 引号匹配错误: 单引号与双引号交叉使用*******************--> 在使用html onclick 事件属性时候乱用 单引号 /双引号 会出错的,比如: <!

#4【转】Google推荐的15条军规:HTML5代码规范

这篇文章是转载的,很久之前收录在电脑里面的.  忘记是哪里搞来的了,大家知道是转载的就好了... 这里的图片要点击打开才能看到,因为复制过来的,图片有点问题...因此想要图片的辛苦了... Google推荐的15条军规:HTML5代码规范 1.协议头: 建议在指向图片或其他媒体文件.样式表和脚本的URL地址中省略HTTP:协议部分,除非已知相应文件不能同时兼容2个协议. 2.缩进:每次缩进使用双空格 不要使用tab制表符或制表符加空格的混合方式缩进 3.大小写:只使用小写 所有的代码都应是小写的

10段实用的HTML5代码

1.HTML5编写的CSS ResetCSS Reset也可以写成Reset CSS,即重设浏览器样式. /*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/ html, body, d

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

当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/s

Html5代码片段收集

HTML5 启动模板 当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Untitled</title> 6 <!--[if lt IE 9]> 7 <script src="http://h

常用HTML5代码片段

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif

十个html5代码片段,超实用,一定要收藏

HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮助你提高开发速度. 一.HTML5 启动模板 当启动一个新的项目的时候,你需要一个启动模板.这里是一个简洁干净的模板,可以作为 HTML5 项目的基础. <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

我的简历(html5代码)

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>史梦</title> </head> <body> <table border=5 bordercolor=black align=center> <tr height=70 bgcolor=white align='center'> <td

基于html5整屏切换IDO智能手表页面滚动代码

之前为大大家介绍了一款jquery实现的整屏切换特效.今天分享一款IDO智能手表页面滚动html5代码.这是一款基于jQuery+HTML5实现的页面滚动效果代码.效果图如下: 在线预览   源码下载 部分代码: <div class="main" id="main"> <div class="page page1"> <div class="head-pic"> <div style