面试考题

1、HTML篇

 一、html语义化

    用相应的标签展现相应的内容，列如，p标签展现段落，ul,li展现列表，article标签展现文章内容；

    前端语义化发展分为三个阶段：

    1. 荒野阶段：由后台来写html,他们使用table标签来布局，代码可维护性差；

    2. 美工阶段：DIV+CSS布局，语义化不够，换汤不换药；

    3. 前端阶段：使用相应的标签去展现相应的内容，列如header表示页面的头部，main表示主体，footer表示页面的尾部，article表示文章内容等；

 二、meta viewport 是作什么的

    随着互联网的发展，手机端应用逐渐流行起来，成为主流趋势；

    viewport 是由苹果公司先提出的，用来适配手机屏幕，

    具体写法：

    <meta name="viewport" content="width=device-width,user-scaleable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />

   三、用过哪些html5标签

    内容相关的标签：header、main、footer、article

    功能标签： canvas、video、audieo

            一、canvas：是 HTML5 新增的元素，可用于经过使用JavaScript中的脚原本绘制图形。例如，它能够用于绘制图形，制做照片，建立动画，甚至能够进行实时视频处理或渲染。

       HTML      

<canvas id="canvas" height="500" width="800"> </canvas>

    JavaScript    

var canvas = document.getElementById('canvas');
		if(canvas.getContext){
			var ctx = canvas.getContext('2d');
			ctx.fillStyle = "brown" //画布颜色
			ctx.fillRect(10,20,200,200) //绘制填充矩形
			ctx.fillStyle = "yellow"
			ctx.strokeRect(300,60,100,100) //绘制边框矩形
			ctx.clearRect(30,40,150,150) // 清除矩形内容
		}

            二、video:

 

            三、audieo:

    四、H5是什么