HTML5学习笔记
1、HTML5受欢迎的理由:
(1)世界知名浏览器厂商对HTML5的支持:微软,Google,苹果,Opera,Mozilla等厂商都推出了支持HTML5的浏览器版本。
(2)顺应时代的要求
(3)Internet Explorer 8
2、可以放心使用HTML5的理由:兼容性、实用性、非革命性的发展
3、HTML5要解决的问题:
(1)Web浏览器之间的兼容性很低
(2)文档结构不够明确
(3)Web应用程序的功能受到了限制
4、HTML5中的标记方法
<!DOCTYPE html>
<meta charset="UTF-8">
PS:之前的表示方法可以继续使用,但不可混用。
5、可以省略标记的元素:
6、boolean的属性
<!--代表true的-->
<input type="checkbox" checked>
<input type="checkbox" checked="checked">
<input type="checkbox" checked=" ">
<!--代表为false的-->
<input type="checkbox">
7、省略引号
//当属性值不包括空字符串,<,>,=,’,”,等字符时,属性两边的引号可以省略。
<input type=text>
8、新增的元素
section元素:页面中的内容区块,如章节、页眉、也较或其他位置 <section>...</section>
article元素:页面中的一块与上下文不相关的独立内容 <article>...</article>
aside元素:article内容之外的、与article元素的内容相关的辅助信息 <aside>...</aside>
header元素:页面的内容区块或整个页面的标题 <header>...</header>
hgroup元素:用于对整个页面或页面中一个内容区块的标题进行组合 <hgroup>...</hgroup>
footer元素:表示整个页面或页面中一个内容区块的脚注,一般包括创作者的姓名、创作日期以及坐着的联系信息 <footer>...</footer>
nav元素:页面中的导航链接的部分 <nav>...</nav>
figure元素:独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption元素添加标题。
<figure>
<figcaption>PRC</figcaption>
<p>The People's Republic of China was born in 1949...</p>
</figure>
video元素:定义视频 <video src="movie.ogg" controls="controls">video元素</video>
audio元素:定义音频 <audio src="someaudio.wav">audio元素</audio>
embed元素:插入多媒体 <embed src=“horse.wav”/>
mark元素:视觉上突出显示或高亮显示文字 <mark>...</mark>
progress元素:表示运行中的程序,显示JavaScript中耗费时间的函数的进程 <meter>...</meter>
time元素:表示日期、时间 <time>...</time>
ruby元素:表示ruby注释 <ruby>汉字<rt><rp></rp></rt></ruby>
rt元素:表示字符的解释或发音 <rt>...</rt>
rp元素:定义不支持ruby元素的浏览器所现实的内容 <rp>...</rp>
wbr元素:宽度不够时,自动换行
<p>To learn AJAX,you must be fami<wbr>liar with the XMLHttp<wbr>
Request Object.</p>
canvas元素:表示图形 <canvas id="myCanvas" width="200" height="200"></canvas>