关于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+国家代码+电话号)
关于HTML5代码总结。的更多相关文章
- html5代码,获取地理位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...
- 获取地理位置的html5代码
/** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { / ...
- Html5 代码
随着HTML5的流行,许多网站开始介绍HTML5元素和属性的用法,以及各种教程,并且越来越多老的浏览器开始兼容HTML5. 本文作者编译了10段非常实用的HTML5代码片段,开发者可以直接拿过去使 ...
- 极客无极限 一行HTML5代码引发的创意大爆炸
摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...
- HTML5代码规范
HTML5代码规范html标签里面等号两边不要留空格在IE下可能会识别不了html5等号前后可以使用空格,但仍不推荐使用. HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少.在 ...
- 在网站制作中随时可用的10个 HTML5 代码片段
HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮 ...
- 绝对应当收藏的10个实用HTML5代码片段(转)
HTML5绝对是一个流行元素,受到如此多的公司组织的追捧,作为极客来说,岂能错过呢?在今天这篇文章中,我们将分享一些超实用的HTML5的代码片段,相信大家一定会喜欢! 正确的嵌入flash 如果你经常 ...
- 10段实用的HTML5代码
1.HTML5编写的CSS ResetCSS Reset也可以写成Reset CSS,即重设浏览器样式. /* html5doctor.com Reset Stylesheet (Eric Mey ...
- !!常用HTML5代码
HTML5提供的新特性 2016-2-16 Web Socket 定义了一套API, 允许网页能够使用Web Socket协议来和远程主机进行双工通信. Web Storage 定义了一套API, 能 ...
随机推荐
- 剑指offer习题集1
1.打印二叉树 程序很简单,但是其中犯了一个小错误,死活找不到,写代码要注意啊 这里左右子树,要注意是node->left,结果写成root->left vector<int> ...
- [转] 解决HttpServletResponse输出的中文乱码问题
首先,response返回有两种,一种是字节流outputstream,一种是字符流printwrite. 申明:这里为了方便起见,所有输出都统一用UTF-8编码. 先说字节流,要输出“中国" ...
- Fping
(十大特色功能) Ping是最常用的网络测试工具,ping的测试功能其实比较多,xp系统的ping有12个选项.但是,fping测试工具有25个选项,在ping的基础上增加了许多专业的功能,可用于更深 ...
- tinyxml学习一
在TinyXML中,根据XML的各种元素来定义了一些类: TiXmlBase:整个TinyXML模型的基类. TiXmlAttribute:对应于XML中的元素的属性. ...
- nohup输入密码后继续后台运行
Linux/Unix 是真正的多用户,多任务.Linux 提供了 fg 和bg 命令,让你轻松调度正在运行的任务. 假设你发现前台运行的一个程序需要很长的时间,但是需要干其他的事情,你就可以用 Ctr ...
- 百度地图API示例之设置级别setZoom与禁止拖拽disableDragging
百度地图API示例之设置级别setZoom与禁止拖拽disableDragging 设置级别 <html> <head> <meta http-equiv="C ...
- thinkphp关联模型的注意大小写
TP框架报错: think\Model:relation方法不存在 首先检查大小写,尤其是模型名称首字母大写 /**** 模型名字QqModel.class.php ***************** ...
- 『GreenPlum系列』GreenPlum 4节点集群安装(图文教程)
目标架构如上图 一.硬件评估 cpu主频,核数推荐CPU核数与磁盘数的比例在12:12以上Instance上执行时只能利用一个CPU核资源进行计算,推荐高主频 内存容量 网络带宽重分布操作 R ...
- LINUX下的拨号利器:wvdial和pppd —— 转载
wvdial是LINUX下的智能化拨号工具,利用wvdial和ppp可以实现linux下的轻松上网.在整个过程中wvdial的作用是拨号并等待提示,并根据提示输入相应的用户名和密码等认证信息:ppp的 ...
- Java设计模式——适配器模式
JAVA 设计模式 适配器模式 用途 适配器模式 (Adapter) 将一个类的接口转换成客户希望的另外一个接口. Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 适配器 ...