网站建设资讯

NEWS

网站建设资讯

HTML5中新增实用的标签

1:progress进度条

在网站制作、成都网站建设过程中,需要针对客户的行业特点、产品特性、目标受众和市场情况进行定位分析,以确定网站的风格、色彩、版式、交互等方面的设计方向。创新互联还需要根据客户的需求进行功能模块的开发和设计,包括内容管理、前台展示、用户权限管理、数据统计和安全保护等功能。

 

progress



Google运行结果:

 

2:datalist 下拉框(可输入)


    
         
         
         
   

*并且具有自动补全功能

3:canvas(画布)元素

var canvas=document.getElementById("canvas1");//获取当前的画布元素
var str=canvas.getContext("2d");//表示这是一张2d的画布
str.lineWidth=5;//设置线的厚度
str.strokeStyle="#fff";//设置颜色
str.moveTo(0,0);//设置下笔位置
str.lineTo(800,0);//设置下笔的方向位置
str.arc(50,200,20,4.75,Math.PI*0.5,false);//第一个和第二个都表示圆心(下笔的位置),第三个表示圆的半径,第四个表示结束的位置,最后一个是否逆时针

........

效果图:(作者画的有点丑,大家可以自由发挥=。=)



4:video(播放器)

//播放器的视频资源





            
            
                        
文章标题:HTML5中新增实用的标签
链接地址:http://cdweb.net/article/dscdcjj.html