html5从入门到精通

1、什么是HTML5

HTML又叫超文本标记语言,是一种用来制作网页的计算机语言。透过html的标签，将影像、声音、图片、动画、影视等内容在网页中显示出来

HTML的发展历程

HTML1.0——在1993年6月诞生
HTML 2.0——1995年11月发布，
HTML 3.2——1996年1月14日发布
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5 的第一份正式草案已于2008年1月22日公布，2014年正式宣布经过艰苦努力，该标准规范终于制定完成

1、HTML5优点

a、HTML5并不是取代以前的版本，而是更加完善；
b、书写更加简单
c、更好的视频和音频支持
d、网页代码层次更清晰、更利于网站排名优化 （网页结构优化 SEO优化）
e、完美的支持移动端网站、甚至手机网络游戏
f、它是HTML的发展方向

开发工具：DW CS6
下载和安装：Dreamweaver 下载与安装

HMTL5书写规范

1.代码缩进，使用Tab键。

2.标签通常是成对出现的，一开一关。也存在一些单标签，如：<meta />、<br />等。

3.标签与它的属性都必须小写。

HMTL5标签：

1、a标签：超链接<a href="http://www.baidu.com">百度</a>
2、br标签：换行 <br/>
3、H标签：标题标签 <h1>文章的标题</h1> SEO优化
4、hr标签：水平线标签 <hr/>
5、IMG标签：图片标签<img src="tp.png" width="150px" height="50px" alt="百度标志"/>
6、P标签：段落标签<p>一段文字</p>
7、ul标签：无序列表 <ul><li></li></ul>
8、ol标签：有序列表

9、li标签：列表项
10、table\tr\td标签:表格
11、span标签
12、form标签 表单标签
13、div标签-----无语义标签 网页布局
------------------HTML5专用元素（语义标签）------------
14、header元素  表示一个区域或整个区域的头部区域。

15、nav元素表示导航部分
16、article元素表示一块独立的内容，必须包含H标签
17、section元素表示 页面中的每一块内容区域都可以使用
18、aside元素表示article元素内容之外的信息，内容的辅助信息、侧边栏
19、<footer> 标签定义 section 或 document 的页脚
20、<main> 标签规定文档的主要内容。只能出现一个

HMTL5新的网页结构：

 

 

21、time元素代表24小时内的某个小时或者日期
22、<address> 标签定义文档或文章的作者联系信息。
23、<mark>文本中高亮显示某个或某几个字符
24、<details> 标签定义元素的细节，通过点击进行隐藏
25、<summary> 标签包含 details 元素的标题，
26、<hgroup> 标签用于对网页多个标题进行组合。
27、<figure> 标签定义一组媒体内容
28、<figcaption> 标签定义 figure 元素的标题。

29、<audio> 标签定义声音，比如音乐或其他音频流
30、<video> 标签定义视频，比如电影片段或其他视频流

---------------HTML5废除的标签-------------------------------

•1.能使用css代替的元素
big、center、font、s、strike（加删除线）、tt（打字机文字效果）、u这些元素（下划线），
2.不再使用frame框架
在html5中已不再支持frame框架，只支持iframe框架
•3.只有部分浏览器支持的元素
对于applet、bgsound、blink、marguee等元素，由于只有部分浏览器支持这些元素，所以在HTML5中被废除。



本课中写的二个HTML页面下载：
h5.html:  h5.html (3.42 KB, 下载次数: 1877) 
h6.html:  h6.html (2.81 KB, 下载次数: 1943)