web前端开发【连载4】-html5简介
2017-04-08 本文已影响31人
Iris_mao
昨天没睡好，今天昏昏沉沉的~~咋回事，傻球也没睡好吗？哈哈哈哈哈
废喵傻球~.jpg
HTML的发展历史
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
- HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
- HTML 3.2——1997年1月14日，W3C推荐标准
- HTML 4.0——1997年12月18日，W3C推荐标准
- HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
- HTML 5——2014年10月28日，W3C推荐标准
HTML5文档结构以及核心元素
- html5的文档结构跟之前的html是一样的，都包括html、head、body等元素，所不同的是添加了一些更加语义化的标签，比如section、footer等。
<html>
<head>
<title>文档结构元素</title>
</head>
<body>
<article>
<!--文章的头部-->
<header>
<h1>test</h1>
</header>
<p>
‘section’ 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
</p>
<!--文章中的一个区段-->
<section>
<article>
<header>
<h2>test2</h2>
<div>作者：xxxxx</div>
</header>
<p>
各个标签之前可以各种嵌套
<time datetime="17:30">时间</time>
<details>
<summary>细节</summary>
细节与描述
</details>
</p>
</article>
<article>
<header>
<h2>test3</h2>
</header>
<p>
进度条的显示
</p>
进度条：<meter value="130" min="20" max="150"></meter>
</article>
</section>
<!--脚注-->
<footer>
写版权信息之类的内容
</footer>
<!--添加边栏，将aside放在article内部，为文章添加边栏-->
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>
</article>
</body>
</html>
详细的文档结构可参考：HTML5一些元素的整理
- HTML5之canvas元素
详情见：HTML5之Canvas
canvas实例编写：CanvasHTML5之SVG绘制时钟效果 - HTML5之SVG元素
详情见：HTML5之SVG - HTML5只Audio和Video元素
详情见：Audio和Video API
