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>

原文地址:https://www.cnblogs.com/wddx/p/5027447.html