面試考題

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是什麼