首页 > 其他分享 >HTML5

HTML5

时间:2023-01-29 16:48:10浏览次数:43  
标签:视频 url 标签 表单 HTML5 类型

新增的标签

语义化标签

  • header 头部标签
  • nav 导航标签
  • article 内容标签
  • section 定义文档的某个区域
  • aside 侧边栏标签
  • footer 尾部标签

上面的标签都是语义化标签,没有任何样式

多媒体标签

  • audio 音频标签
  • video 视频标签
<video controls>
    <source src="">
    <source src="">
    <source src="">
</video>


<audio controls>
    <source src="">
    <source src="">
    <source src="">
</audio>

source 标签用来定义视频源或音频源,如果不支持,则依次往下找

controls 属性用来开启视频控制,例如播放暂停,是否循环等

新增的表单

  • email 必须输入邮箱
  • url 必须输入 url 类型
  • date 日期
  • time 时间
  • month 月类型
  • week 周类型
  • number 数字类型
  • tel 手机号码
  • search 搜索框
  • color 颜色选择表单

新增的表单属性

  • required 其内容不能为空
  • placeholder 表单的提示信息,存在默认值将不显示
  • autofocus 自动聚焦属性,页面加载完成后自动聚焦到指定表单
  • autocomplete 值为 off/on 基于以前键入过的值显示出字段中填写的选项
  • multiple 可以多选文件提交

标签:视频,url,标签,表单,HTML5,类型
From: https://www.cnblogs.com/deramcode/p/17073082.html

相关文章

  • html5 二进制文件操作基础
    Blob、ArrayBuffer、File、fileReader、formData这些名词总是经常看到,这些名词里,Blob、ArrayBuffer、File可以归为一类,它们都是数据;而fileReader算是一种工具,用来读取数据......
  • HTML5 WEB SQL 无法创建数据表的问题
    不知是什么原因,反复试,最后发现是数据表的某一列的字段用的是'check',把它改了后,就一切顺利了:无法创建数据表:db.transaction(function (tx) {       ......
  • java HTML5
    HTML超文本标记语言W3C万维网联盟W3C标准包括:结构化标准语言(HTML,XML)表现标准语言(CSS)行为标准(DOM,ECMAScropt)网页基本信息使用进行注释!DOCTYPE告诉浏览器我们......
  • java HTML5
    HTML超文本标记语言W3C万维网联盟W3C标准包括:结构化标准语言(HTML,XML)表现标准语言(CSS)行为标准(DOM,ECMAScropt) 网页基本信息使用<!--注释内容-->进行注释......
  • HTML5绘图基础_09_绘制弧线详解
    ​​CanvasRenderingContext2D​​​​.arc()​​ 是Canvas2DAPI绘制圆弧路径的方法。圆弧路径的圆心在 (x,y) 位置,半径为 r ,根据anticlockwise (默认为顺时针)指......
  • HTML5 以上超大文件上传和断点续传服务器的实现
    ​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag     ......
  • HTML5学习笔记
    HTML5学习笔记  概念网页是构成网站的基本元素;网站是相关网页的集合;网页是构成网站的基本元素,他是由图片链接、文字、声音视频等元素组成;通常看到的网页以HT......
  • 零基础!如何在电脑写HTML5
    有的博主建议用系统自带的记事本写代码,我还是建议用代码编辑器比较方便。1.我们需要准备的工具有:一台windows或macos的电脑2.根据你的电脑系统下载HBuilderX即可3.下载完成......
  • 玩转html5画图 - TimeLangoliers - 博客园
    导航​​前言​​​​基本知识​​​​绘制矩形​​​​清除矩形区域​​​​圆弧​​​​路径​​​​绘制线段​​​​绘制贝塞尔曲线​​​​线性渐变​​​​径向渐变......
  • 前端知识点整理第二天(伪类和伪元素/html5语义化)
    SEO,也就是搜索引擎优化的逻辑,其实是非常简单的。这就像是在大学里的学生会主席,你要让投票者给你更多的选票。那么,你需要先「自我优化」,无论是外表还是能力;此外,你还需获得......