zoukankan      html  css  js  c++  java
  • HTML5 学习笔记

    我们平时说的h5 指的是前端开发技术,响应时
    HTML 发展史:
     
        HTM2.0        --1993.6(IETF)
        HTM3.2        --1995.11(RFC)
        HTM4.0        --1997.1.14(W3C)
        HTM4.0.1     --1999.12.24(W3C)
        HTML5        --2014.10.28(W3C)
     
    特性:
      表单控件,例如calendar/date/time/email/url/search/
        特殊的内容元素,
        。。。。
     
        标签: header ,nav,div,footer,aside等
     
        多媒体:mpeg4(shipin/音频,H.264/ACC)(苹果,微软/有版权的)  、ogg(Theora/Vorbis)--firefox、 webM(VP8/Vorbis)--google
     
        本地存储--localStorage
                      --sessionStorage    与localStorage作用域不同。
                       与cookie相比,存储量更大。默认分配5M大小
                       用法:sessionStorage.lastname="smith"
     
        画布 --canvas标签
        server Push  EventSource   拉取机制(3s)
                             Websocket 建立实时的常连接
      
    选择器:
        :nth-child(n)--第几个子元素  n--可以是数字(数字从1开始),可以为奇偶(old/even)
        :nth-last-child(n)
        :last-child
        :empty
        :not(s)
    效果:圆角,阴影,倾斜,动画的css支持。
     
    文字处理:
    text-transform:capitalize
    text-transform:uppercase
    text-transform:lowercase
    text-overflow:ellipsis
    布局等。
     
    设备选择,根据显示器尺寸自动获取对应的处理css等内容。
     
    语义化,内容展现分离!
    无障碍访问。
     
    开发规范
    --所有元素小写,所用引号用双引号
    --不建议写闭合元素 
    <!DOCTYPE html> --html5 只支持一种--html
    <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <title>PAGE TITLE</title>
            <link rel="stylesheet"  **********css> 
            <script **********js>  --不支持type    --src写绝对应用的时候应该不写头 ,例如src = "//www.xxx.com/xxx.js"
        </head>
        <body>
            ******************
        <img src="xxx.jpg" alt="****"> --注释  alt 是html4写法  html5 用title
        <input  ***** disable>  --html5 推荐这种写法  不推荐disable = “disable”
        </body>
    </html>
     
     
    具体应用场景
     
         布局元素  : 早期--table  --》 div --》div细分(例如:header等)
            --各种元素都有自己适用的场景。
     
        <lable for="xxx">--lable标签的使用
     
    其他 
     
    工具
    --modernizr 工具 --js代码  检测浏览器支持哪些特性  如果不支持会加上class用来弥补不支持的特性
     
    --iTag  include页面
     
     
     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    Eclipse的tab键为4个空格完整方法 附:阿里代码开发规范书
    Linux系统 安装JDK和tomcat
    Window10安装linux
    oracle 查询表重复数据 并 删除保留一条
    Oracle 新增数据 insert into整理
    业需软需word小技巧
    oracle数据库创建表且主键自增
    eclipse更改jdk版本(1.6》1.7 以此类推)
    pytest框架优化——清理历史截图图片和allure报告文件
    allure定制化输出测试报告,让报告锦上添花!
  • 原文地址:https://www.cnblogs.com/wuyuxiang/p/5166755.html
Copyright © 2011-2022 走看看