html5与js
媒体文件
<audio>音频
<video>视频
src定义路径 autoplay自动播放 controls 显示控件
表单
<p><input type="date"></p >
<p><input type="month"></p >
<p><input type="time"></p >
<p><input type="week"></p >
<p><input type="color"></p >
<p><input type="number" min="0" max="100">数字框
<p><input type="range" id="ran" >滚动条
min="50"最小值max="80"最大值 step="5"步长
<input type="email">邮箱
<input type="tel">电话
<input type="请填邮箱">提示语 required 必输项
布局
<header></header>头部
<section></section>正文部分
<nav></nav>菜单
<article></article>文章部分
<aside></aside>旁边部分
<footer></footer>
画图
区别
1.svg是伸缩矢量图,canvas会依赖分辨率
2.svg可以存储成图片和字体文件格式,canvas画图必须与js连用
3.svg可以被搜索,canvas可以嵌入图片
4.svg可以放大缩小不失真,canvas可以制作动画和3D
5.svg画图标,canvas可以画动画,地图,游戏等
svg
创建画布
<svg></svg>
画直线
<line x1="50" y1="50"x2="200"stroke="red"stroke-width="3"></line>
x1和y1是起始坐标x2和y2是终止坐标 stroke线体颜色 stroke-width线体粗细
矩形
<