描述:HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。
HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一些Javascript API,如地理定位、重力感应、硬件访问等,可以在浏览器内实现类原生应用,甚至结合Canvas我们可开发网页版游戏。
广义概念:HTML5代表浏览器端技术的一个发展阶段。在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括:HTML5,CSS3,Javascript,API在内的一套技术组合。
H5范称:HTML + CSS3 + JS。
语法特点:
1、更简洁
2、更宽松
- 单标签不用写关闭符号
- 双标签省略结束标签
html、head、body、colgroup、tbody
可以完全省略 - 但是实际开发中应规范书写,不建议太随意 !
语义化标签:
语义标签对于我们并不陌生,如<p>
表示一个段落、<ul>
表示一个无序列表<h1> ~ <h6>
表示一系列标题等,在此基础上HTML5增加了大量更有意义的语义标签,更有利于搜索引擎或辅助设备理解HTML页面内容。
传统的做法我们或许通过增加类名如class="header"、class="footer"
,使HTML页面具有语义性,但是不具有通用性。
HTML5则是通过新增语义标签的形式来解决这个问题,例如<header></header>、<footer></footer>
等,这样就可以使其具有通用性。
常用的语义化标签:<nav>
表示导航<header>
表示页眉<footer>
表示页脚<section>
表示区块<article>
表示文章 如文章、评论、帖子、博客<aside>
表示侧边栏 如文章的侧栏<figure>
表示媒介内容分组 与 ul > li
做个比较<mark>
表示标记 (带用“UI”,不怎么用)<progress>
表示进度 (带用“UI”,不怎么用)<time>
表示日期
本质上新语义标签与<div>、<span>
没有区别,只是其具有表意性,使用时除了在HTML结构上需要注意外,其它和普通标签的使用无任何差别,可以理解成<div class="nav">
相当于 <nav>
。不要好奇,它只是一个标签!
尽量避免全局使用header、footer、aside
等语义标签。