day02:超链接、表单、表格

课程实现:

    alink

        --- a # 刷新页面

        --- #name   跳转到name处

        --- file.html#name  跨页跳转

    table

        ---tr th td    caption

    form

        ---name方便后台调用


表单:

    用于收集用户信息

    input type(text\password\radio\checkbox\file\button\submit\reset\)

    textarea

    select

========================================================================================================

form:

    action:url地址 ;指定表单提交给什么程序处理

    method:常见的表单提交方式,get或put

HTML5基础:布局
     常用标签    a   img p   h1~h6
CSS3基础
     样式    字体    盒子模型    浮动    定位    背景色...
HTML5进阶
     新增语义化标签
CSS3进阶   

------------------------------------------------浏览器内核
PC页面          html5+css3(兼容:基础 + 兼容)

移动端页面      html5+css3(进阶)

==============================================
H5:提高开发效率,不需要使用js实现
     增加一些新的标签、属性、特性
     广义

    具体变化:
         1 新增语义化标签    ex: Header
         2 本地存储
         3 2D、3D
         4 动画、过渡
         5 兼容特性

    header      头部标签
     nav         导航
     article     内容
     section     块级标签
     aside       侧边栏
     footer      尾部标签

    con:
         增强语义化
         移动端支持较好
         ie9支持,需要把语义化标签转成块级标签
    
     音频、视频:

    audio:
         src         指定音频的url
         controls    显示播放控件
         autoplay    控制是否自动播放
         loop        循环播放

    audio支持的音频格式[注意浏览器支持音频格式]     mp3 wav ogg vorbis   
     //兼容方案

input:PC端少于Android应用
     email       @
     url         http://

     time       
     date
     number
     tel         手机端:输入数字
     color      
     search     
     submit 

    text   
         required    内容必填   
         placeholder="请输入用户名"     提示文本
         autofocus       自动获得焦点
         autocomplete=“on”[默认打开]\off  与  name="name123"  联合使用     浏览器提示之前输入的内容
        
     file        multiple    支持上传多个文件

posted @ 2020-05-22 12:45  小海_macro  阅读(163)  评论(0编辑  收藏  举报