网站栅格,如何建设一个外卖订餐平台网站,北京网站建设公司哪家最好,谷歌google地图目录 HTML5新增标记汇总
1.新增语义化标签
2.新增音频和视频标签
2.1音频标签 audio
2.1视频标签 video
3.新增图像标签
4.新增表单元素和表单控件 HTML5新增标记汇总
1.新增语义化标签 新增语义化标签能够便于开发者阅读和写出更优雅的代码同时让浏览器或是网络爬虫可…目录 HTML5新增标记汇总
1.新增语义化标签
2.新增音频和视频标签
2.1音频标签 audio
2.1视频标签 video
3.新增图像标签
4.新增表单元素和表单控件 HTML5新增标记汇总
1.新增语义化标签 新增语义化标签能够便于开发者阅读和写出更优雅的代码同时让浏览器或是网络爬虫可以很好地解析从而更好分析其中的内容更好地搜索引擎优化。
标签描述header表示页面的头部区域相当于定义了一个类名为header的div块级元素nav定义页面的导航部分也是一个盒子块级元素main是HTML中用来定义网页主要内容的标签。它通常是整个网页的核心部分块级元素footer定义 section 或 网页的页脚部分块级元素aside定义页面的侧边栏内容。块级元素section相当于定义了页面中的一块块级元素article定义页面独立的内容区域。figure规定独立的流内容图像、图表、照片、代码等等。figcaption定义 figure 元素的标题time 定义日期或时间例如新闻的发布日期。行内标签
其实这些语义化标签大都和div的作用一样没有什么含义只是一个盒子只不过在编写页面时我们多了一些选择。 2.新增音频和视频标签
2.1音频标签 audio 推荐使用MP3格式的音频主流浏览器都兼容 src:音频文件路径 controls:控制器控制音频的播放显示 autoplay:自动播放 loop:循环播放 muted:静音播放
audio src/audio
2.1视频标签 video
推荐使用mp4格式主流浏览器都兼容
video src /video
3.新增图像标签
用 canvas/canvas标签结合js来绘制图形注意canvas/canvas标签设置宽高的时候尽量不要用css样式可能会有潜在问题可以在标签内部通过属性的方式直接进行设置。
canvas width500px height200px/canvas 下面我们将演示一下如何用 canvas/canvas标签结合js在长方形画布上来绘制一个正方形 div classboxcanvas width500px height200px styleborder:1px solid red; idmycanvas/canvas !-- 准备画布 --/divscriptvar mycanvas document.querySelector(#mycanvas); //查找元素console.log(mycanvas);var ctx mycanvas.getContext(2d); //getContext()方法准备画笔ctx.fillStyle red; //给画好的图形填充颜色ctx.fillRect(0, 0, 200, 200); //制作一个边长二百的正方形括号内写入所画图形左上角和右下角的坐标。/script
运行效果
4.新增表单元素和表单控件
邮箱input(typeemail)提交数据时提供了邮箱格式的验证。数字输入框input(typenumber)网址输入框input(typeurl)验证输入内容是否为网址需要完整网址以http协议开头搜索输入框input(typesearch)提供了输入文本清空的控件选择颜色input(typecolor) 在页面上出现一个颜色选择器文件上传input(typefile)默认只能上传一个文件
