HTML5 css4

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线体粗细  

     矩形

     <