html 基础知识 教会你什么是html5 让你踏入h5的奇妙世界
1.提高可用性和改进用户的友好体验;
2.有几个新的标签，这将有助开发人员定义重要的内容;
3.可以给站点带来更多的多媒体元素（视频和音频）;
4.可以很好的替代 FLASH和 Silverlight;
5.当涉及到网站的抓取和索引的时候，对于SEO很友好
6.将被大量应用于移动应用程序和游戏。
HTML5优势
后盾网人人做后盾
1. WebStorage:比 Cookies更大、更有弹性的的储存。
2. Web sql Database:本地端的SQL数据库。
3. ndexed dB: Key-value的本地数据库。
4. Application Cache:将部分常用的网页内容 cache起来。
5. Websocket:实时的 socket联机。
6. Web workers:以往 JavaScript都是 single thread,透过 Worker可以有多个运算。
7. Notifications:原生的提示讯息，类似像OSX的Grow提示。
8. Dragn Drop:HTML元素的拖拉
9. File APl:读取用户本机计算机的内容
10. Geolocation:地理定位。
11. Device orientation:手持装置的方向。
12. Speech input:语音输入。
13. New tags:新的标签，像是 header、 section等。
14. Application tags:也是新的标签，像是 meter、 progress等
15. Microdata:加入语义的数据让搜索引擎等网站可以正确显示。
16. Form type:form可以加入的type便多了，包含emai和tel等属性
17. Audio video:影片和音乐的原生播放支持。
18. Canvas:2D的绘图功能支持。
19. Canvas3D:3D的绘图功能支持。
20.cSS3技术
HTML5主要包括部分
后盾网人人做后盾
Htm5在 chrome,e9+, firefox, safai等浏览器都表现良好。在
chrome与 firefox及safa表示优秀。
0◎
HTML5支持的浏览器
后盾网人人做后盾
原有的htm中有一些标签造成效果与表现的混淆，所以在htm5中
废除了，不建议使用。
废除标签：
big center font s u strike frame frameset noframes marquee
HTML5中废除的标签
后盾网人人做后盾
DOCTYPE
新写法：<! DOCTYPE htm>
mea设置编码
新写法：< meta charset=“uf-8”>
ink标签
新写法：< slink rel=“ stylesheet”src=" hd.css”
scrⅰpt
可以不用写type:< script>…</ script>
脚本加载与执行推迟到文档中所有元素解析之后执行
<script src= js defer=></script>
Htm旧标签的改变
后盾网人人做后盾
contenteditable属性
修改页面中的标签内容
示例
<p contenteditable=true style="width: 300px; height: 300px; border: solid 1 px
00f00;></>
hidden属性
隐藏元素
示例
<p hidden style="width: 300px; height: 300px; border: solid 1 px #f0of00, ></p>
全局属性
后盾网人人做后盾
article
aric|e字面意思为“文章”。在Web页面中表现为独立的内容，如一篇新闻，
篇评论，一段名
段联系方式
代码独立的、完整的相关内容块，一般来说， article会有标题部分通常包
含在 header内），有时也会包含 footer
示例
1. <Doctype html>
2.< title>htm5站案例<itle>
3. <body>
4 <article>
5
<h1></h1>
6
p>主内容</>
7. </article>
89
<aside>
侧边内容
10. <aside>
11.</body>
article标签
后盾网人人做后盾
section
section字面上理解为“块”，‘部分”。在htm5网页中表现的意思跟字面理解差
不多，即部分，块，模块，主要作用为对页面的内容进行分块或者对文章的内
容进行分段
示例
1. <Doctype html>
2. <article>
3.<h1>Web编程语言比较</h1>
4.<p>web编程语言常用的有asp.net, php, jsp.<>
5. <section>
6
<h2>asp</h2>
7.
<p>asp全称 Active Server Page<p>
8
</section>
9. <section>
10.<h2>php<h2>
<p>动态语言，免费，强大</p>
12. </section>
13. </article>
section标等
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h59929.shtml
