WEB编程学习和开发过程2

看了一本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>里

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值