看了一本HTML5的书
做笔记(以为按照书本顺序,未来得及整理归纳,比较乱):
1.HTML5可以直接用来构建复杂的图形界面应用,但是较为复杂,相对来说FLASH、SILVERLIGHT等插件在很长一段时期,仍然会占据着网页图形或动画的主要地位。
2.常用标识
<html>,<head>,<title>,<body>,<article>,<aside> //虽然有些不强制要求,但是为了方便查看和整齐
3.字符和语言
<meta charset="utf-8"> //表示使用utf-8编码,在<head>中声明
<html lang="en"> //表示对整个页面指定是英语,可以对不同<div>指定不同的语言
4.良好的习惯
html5取消了很多限制,但是良好习惯:
(1)包含<html>,<body>,<head>元素
(2)标签全部小写
(3)属性值加引号
5.html5规则的在线验证工具:http://validator.w3.org
6.粗体和斜体
(1)使用<strong>表示重要的文本内容,需要突出显示的
(2)使用<b>表示用粗体显示的文本,关键字、产品名称等
(3)使用<em>表示重读的文本
(4)使用<i>表示斜体,外文单词、技术术语等
7.浏览器对HTML5的支持情况:http://caniuse.com
8.根据自己用户使用的浏览器情况来设计网页,可以使用网页跟踪服务:google analytics(www.google.com/analytics)
9.检测浏览器的支持情况:
可以使用Modernizr(www.modernizr.com),生成想测试的功能对应的js文件,然后加载到网页中,就可以检测(只可以通过检测,自己显示警告用户浏览器不支持某某功能,而不能进行其他操作)
10.语义元素
<time>,<nav,><footer>等
(1)语义元素不真正做任何事
(2)使网页结构更清晰,容易修改和维护
(3)搜索引擎优化,方便谷歌等搜索引擎的搜索,提高搜索率
11.HTML5构造页面
<hgroup>:含副标题的情况下使用
<figure>:插图
<aside>:附注
12.对于不认识HTML5语义元素的浏览器,为了说明块级元素,需要添加规则:
article,aside,figure,figcaption,footer,header,hgroup,nav,section,summary{display:block;}
13.对于IE8以及更早的版本,为了说明块级元素,可以使用脚本(http://tinyurl.com/nlcjxm),在网页中引用html5shiv.js即可。为了IE8以上的版本加载这不必要的脚本,可以加入判断:
<!--[if lt IE 9]><引用脚本><![endif]-->
14.对于某些脚本IE会不断进行安全提示,为了避免可以加入Web标志:
<!-- saved from url=(0014)about:internet -->
15.关于<nav>导航链接
(1)标题(articles和about us等)使用的是二级标题<h2>
(2)链接使用结构:
<ul>
<li><链接1></li>
<li><链接2></li>
</ul>
(3)图片广告放在一个<div>里
(4)About us放在一个<section>里