html5基础一

Author Avatar
lixuebing 9月 10, 2016

很早之前就像整理出这些类容，不过一直拖一直拖，到现在才动笔，写的有不完善的地方，请您给出指点

1.html

*1).html5的设计目的是为了在移动设备上支持多媒体，支持一些如video,canvas的新的属性使用，改变了用户与文档的交互方式。

*2).html5中的input标签

  • 属性

    • week
    • password
    • reset
    • button
    • submit
    • text
    • checkbox
    • email
    • file

  • 新增

    • url
    • date
    • email
    • time
    • range
    • telephone
    • number
    • serach

    • color

      本地验证表单需要在外面添加form标签包裹起来，才能查看显示结果

*3).html5为web页面创建了区域元素名称，让其页面布局更清晰，

<head> 代表HTML的头部数据

<footer> 代表页面脚部区域

<nav> 代表导航元素

<article> 代表自包含的内容

<section> 代表内部内容去填充的区域或者是把分组的内容放到区域里

<aside> 代表页面的侧边栏内容

*4）支持html5的浏览器包括：IE8以上、Chrome、Firefox、Opera。

*5）关于html5的离线缓存

  • localStorage 代表本地长期存储数据，而且待浏览器被关闭之后，不会出现数据丢失的情况

  • session 数据在浏览器关闭之后会自动删除

  • 对于离线储存资源进行管理分为两种情况

    • 离线情况下

      • 浏览器直接使用离线缓存的资源

    • 在线的情况下

      • 浏览器发现html头部出现mainfest属性，就会请求mainfest文件，若第一次访问app，那么浏览器就会根据mainfest文件下的内容下载相应的文件且离线存储下来。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后对比新的manifest文件与旧的manifest文件，假若文件没有发生变化，就不会进行操作，但是文件发生变化的情况下 ，浏览器就会重新下载文件中的资源并离线存储。

*6）cookies、sessionStorage、localStorage

  • cookies
expand_less