学习前端的第十天

Html5标签属性

1.标签   

section   表示网页的一个内容区块 类似div

            header    表示页面中头部区域

            nav       表示页面中的导航链接部分

            article   表示一块与上下文无关的区块

            aside     article外面独立的区块,与其同级

            footer    底部区域

            上述标签一边用于移动端

            figure     在自定义列表

            hgroup     标题组

            mark       亮高,自带背景颜色黄色,可以修改

2.音频与视频

              audio    音频标签

              video    视频标签

    属性:dutoplay  自动播放

              Controls  控件按钮

               Loop     循环播放

              Muted     静音播放

              Poster    规定视频正在下载是显示的图片

3、智能表单类型:type:url—— 限制用户必须输入url类型

                               range——产生一个滑动条表单

                               search——产生一个搜索意义的表单

                               color——生成一个颜色选择的表单

                               time  date  mounth  week

                               number--最大值 max

                              最小值min

                              间距step

            email—— 限制用户必须输入email类型

            file--选择多个文件:multiple

           焦点(一个页面只能有一个):autofocus

          自动补全搜索记录:autocomplete

          .input::-webkit-input-placeholder{}

           pattern:pattern用于验证表单输入的内容

           下拉列表:datelist

novalidate取消验证 ,可以对form表单添加novalidate属性,即使form表单中的input添加了required,也将不进行验证partten

4、引入外部资源:iframe

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、Web时代的变迁 二、HTML5与HTML4的区别 1.新增的元素:section、article、aside...
    ZyBlog阅读 3,785评论 0 0
  • 一、HTML5新增语义化标签 HTML4.01 --> HTML5 HTML4.01 --> XHTML1.0...
    wv_7bd8阅读 3,493评论 0 0
  • 内容类型(ContentType) HTML5的文件扩展符与内容类型保持不变,仍然为".html"或".htm"。...
    人生如梦不愿醒阅读 3,480评论 0 0
  • HTML5发展史 兼容 支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(...
    sskingfly阅读 3,532评论 0 0
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 11,283评论 0 4