1. 什么是HTML5

   网页的5.0版本。2014年才定制完HTML5的正规化,历时8年

2. 为何要为此HTML5

  1> 跨平台:利用HTML5编的UI界面能运行于所有具有浏览器的阳台

  2> HTML5的周转平台:浏览器

  3> 但是HTML5非克不辱使命部分特定的机能,比如:拍照(ImagePickerController)、访问相册….

3. 什么用HTML5

  1> 自己修大量的HTML5替码

  2> 使用现成的HTML5框架

    sencha-touch

    phoneGap

    jQuery mobile

    bootstrap

4. 手机APP的付出模式

  1> 原生(纯OC)

  2> 纯HTML5

  3> 原生+HTML5

5. 胡而学HTML5

  1> 未来底如出一辙种植倾向

  2> 增加面试、开发竞争力

    Android程序员  Java、服务器、HTML5

6. 铺职位的分割

  1> 平面设计师 
作图、切图、HTML、CSS

  2> 前端工程师  HTML、CSS、Javascript、模板技术

  3> 后台工程师 
服务器(Java、.Net、PHP)、数据库

  4> 移动工程师(iOS/android)手机UI界面(OC、HTML5)、跟服务器交互

7. Web开发新时代

  Web1.0

    主流技术:HTML+CSS

  Web2.0

    主流技术:Ajax(JavaScript/DOM/异步数据请求)

  Web3.0

    主流技术:HTML5+CSS3

  HTML5形点:Canvas、HTML5音视频、Web存储、Geolocation、Workers多线程处理

  CSS3显示点:设计动画、2D变形、N多新特性

8. 网页的结

  一个来切实可行成效的一体化的网页,一般由3片构成

  1》HTML:网页的具体内容和布局

  2》CSS:网页的体裁(美化网页最着重之均等片)

  3》JavaScript(掌握):网页的竞相作用,比如对准用户鼠标事件做出响应

    HTML \ CSS \ JavaScript 学习资料:http://www.w3school.com.cn/

9. HTML

  什么是HTML:HTML的齐全是HyperText Markup Language,超文本标记语言

  其实它就是是文件,由浏览器负责用它们解析成现实的网页内容。

10. HTML的组成

  跟XML类似,HTML由N个标签(节点、元素、标记)组成

  HTML语法非常松懈,目前底新型版本是5.0,也便是HTML 5

11. 常见的HTML标签

  • 标题:h1、h2、h3、h4、h5….
  • 段落:p
  • 换行:br
  • 容器:div、span(用来盛其他标签)
  • 表格:table、tr、td
  • 列表:ul、ol、li
  • 图片:img
  • 表单:input
  • 链接:a

12. HTML5新加标签

  HTML5剧增了27单标签元素,废弃了16只标签元素,主要概括:结构性标签、级块性标签、行内语义性标签、交互性标签

  1》结构性标签

    负责Web上下文结构的定义,确保HTML文档,包括:

    article 
文章主体内容(一首博客、一首论坛帖子、一段子用户评价、插件)

    header   标记头部区域内容(文章的首)

    footer  
标记脚部区域内容(文章的底部)

    section  区域章节表述
(文章的区域章节)

    nav      菜单导航,链接导航

  2》块级性标签(分块用底)

    完成Web页面区域的撤并,确保内容之有效性分隔,包括:

    aside   注记,贴士,侧栏,摘要,插入的援作为补偿主体的情

    figure 
对几近单因素结合连显示的因素,常与figcaption联合利用

    code   
表示无异段落代码块

    dialog 
人同人口里对话,包含dt和dd两独结合元素(dt用于表示说话者、dd用于表示说话者的内容)

  3》行内语义性标签

    完成Web页面具体内容的援和发挥,丰富展示内容,包括:

    meter     特定范围外之数值,如工资、数量、百分比

    time     
时间值

    progress 
进度久,可用max、min、step进行支配,完成对快的意味和监听  

    video    
视频元素,用于视频播放,支持缓冲预载和多视频媒体格式

      <!–视频播放–>

      //  告诉浏览器,我而动用你的播放器 controls

      <video src=”source/BigBuck.m4v”
controls=”controls”></video>

    audio    
音频元素,用于音频播放,支持缓冲预载和多种板媒体格式

      <!–音频播放–>

       //  告诉浏览器,我一旦使用你的播放器 controls

      <audio src=”source/music.m4a”
controls=”controls”></audio>

  4》交互性标签

    功能性内容的表述,有早晚之情节及多少的涉及,是各种风波之基本功,包括:

    details   表示同样段具体的情,默认不示,通过某种方式(单击)与legend交互才见面显

    datagrid 
控制客户端数据及展示,可用以动态脚本及时更新

    menu     
用于互动菜单

    command  
用来处理命令按钮

13. HTML签类型

  • HTML有N多标签,根据显示的门类,主要可以分开呢3颇类

  1》块级标签

    独占一行的竹签

    能时刻装宽度和惊人(比如:div、p、h1、h2、ul、li)

  2》行内标签(内联标签)

    多单行内标签能而且展示在一行

    宽度和可观在内容之尺寸(比如:span、a、label)

  3》行内-块级标签(内联-块级标签)

    多独行内-块级标签可以展示在跟一行

    能时刻装宽度与惊人(比如:input、button)

 

  div与span标签的分别:

    div标签是块级标签,独占一行,可以装宽度和可观。

    span标签是行内标签:多只行内标签可以同时展示在一行,宽度和冲天在内容之轻重。

14. 修改标签的显得档次

  CSS中发出只display属性,能改改标签的展示档次

  1》none:隐藏标签

    div {

         color: red;

         <!–隐藏标签(包括标签的组织及内容)–>

         display: none;

    }

  2》block:让标签变为块级标签

    span {

         background-color:
yellow;

         /* 把目前签变为块级标签(就可把一行同安装标签的宽高)*/

         display: block;

    }

  3》inline:让标签变为行内标签

    div {

         background-color:
red;

         /* 把目前签变为行内标签 */

         display: inline;

    }

  4》inline-block:让标签变为行内-块级标签(内联-块级标签)

    div {

         background-color:
red;

         /*拿当前签变为行内块级标签*/

         display: inline-block;

    }

相关文章

网站地图xml地图