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页面
     
     
     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    docker从容器中怎么访问宿主机
    fail2ban CentOS7安装
    关于sql当中的isnull和ifnull的区别
    关于mybatis反向生成的时候,对于数据库当中的数据类型是text的处理。
    关于Java当中的MapUtils工具类的使用和注意事项。
    在大数据管理平台HDP的ambria的时候遇到python的安全认证的问题
    通过java代码实现调用excel当中的宏的操作。
    通过vba实现对word当中个的标签进行批量的替换
    通过vba实现对word当中的表格动态的插入行,同时对表中进行数据的填充。
    关于vba实现删除word文档中的指定表格。
  • 原文地址:https://www.cnblogs.com/wuyuxiang/p/5166755.html
Copyright © 2011-2022 走看看