忘川书阁 / PHP学习 / HTML5 笔记

分享

   

HTML5 笔记

2018-04-11  忘川书阁
一、新增标签
    1.结构标签
        header  表示页面中一个内容区块或者整体内容的标题
        nav     表示链接导航部分
        footer  表示整个页面或者页面中一个内容区块的脚注,一般来说他会包含创作作者的姓名,
                文章创作的日期以及创作者的联系信息
        section 定义文档或应用程序的一区段  如文章章节 页眉 也叫或者文件的其他部分
        article 文档中的一块独立的内容  写文章
        aside   侧边栏  制作滚动广告的内容
    2. 对话标签
        dialog  定义对话,配合dt、dd使用
        dt 定义定义列表中题目标签
        dd 定义列表中定义条目的解析部分标签
    3.  标记标签
        mark  标记的意思 例如高亮
        默认背景颜色是黄色 你可以通过样式表修改成你想要的样式
    4. 表示日期和时间
          time 语义标签  他是给搜索引擎来使用的 用来将你的页面进行分类的
    5.进度条
        meter 进度条 不是所有浏览器都兼容 IE不兼容
        属性:min 最小值   max 最大值   value 默认值
    6.进度标签progress     IE 不兼容  
        属性:min 最小值   max 最大值   value 默认值
二、多媒体标签
    1. video用于视频播放(ogg,mepg-4,webm)
        属性:src  资源地址    controls 显示控制    autoplay 自动播放   loop循环播放  source为媒介标签
        作用 :如果第一个不存在 会自动查找到下一个直到你的文件存在未知用来做备用资源。属性: src   type
    2.audio  用来播放音频(ogg,mp3,wav)
        属性:src  资源地址   controls 显示控制     autoplay  自动播放  loop 循环播放  source  为媒介标签
        作用 :如果第一个不存在,会自动查找到下一个,直到你的文件存在未知,用来做备用资源。属性:src    type
三、表单标签
 1. input
       type:    
        email  匹配邮箱地址
        url    网络地址(匹配的就是http://)
        number 输入值必须是数字。属性: min 最小值max 最大值step  指定跳跃范围(步长)value 默认值
        拉动条    属性:min最小值 max 最大值  step指定跳跃范围(步长)value  默认值
        search 搜索框效果和text一样。
        tel电话号  在pc端没有效果 在移动端会直接弹出数字键盘
        color  调用取色面板
  2.时间相关内容表单属性 火狐不兼容
        date   选取 日 月 年
        month 选取 月 年
        week  选取 周和年
        time   选择时间  小时和分钟
        datetime    选择utc时间,日月年
        datetime-local 选取本地时间 日月年
四、属性
     placeholder  提示文字 有别于value
五、iframe  标签
        可以构成一个特殊的框架结构,被称为浮动的框架,他是在浏览器窗口中嵌套另外一个网页文件
    属性:
        src  默认显示页面
        name 用于 target跳转
        align 相对于周边元素的对齐方式  |left |right|top|middle|bottom
        width 宽度
        height 设置高度
        scrolling 滚动条  yes no auto
        frameborder  0 1  规定是否显示框架周围的边框
        canvas 画布标签
布局:浮动布局:三列浮动布局  二列浮动布局

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>