zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Anaconda(4.8.3)(Anaconda3-2020.02-Windows-x86_64)安装日志和启动问题排查日志
    abp学习日志九(总结)
    abp学习日志八(多租户)
    abp学习日志六(模块化开发)
    abp学习日志七(动态API)
    abp学习日志五(领域服务)
    abp学习日志四(仓储)
    ug主菜单men文件按书写格式,这样写有利单个dll调用
    NX开发,blockUI窗口调用blockUI窗口
    VS2013快捷键大全
  • 原文地址:https://www.cnblogs.com/wddx/p/5027447.html
Copyright © 2011-2022 走看看