1. 如何理解HTML語義化
個人理解就是對應的標簽做對應的事,頭部用header,底部用footer,中間用main,邊欄用aside,段落用p,以此類推,而不是全用div布局,有利于瀏覽器的SEO
2. meta viewport 是作什么用的,怎么寫?
是控制 頁面在移動端不要縮小顯示
<meta name="viewport" content="width=device-width,user-scalable=no,
initial-scale=1.0,maximun-scale=1.0,minimum-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3. DOCTYPE有什么作用標準模式與混雜模式如何區(qū)分,有何意義?
告訴瀏覽器使用什么版本的HTML規(guī)范來渲染文檔,doctype不存在或者不正確會導致html文檔以混雜模式渲染,標準模式是以瀏覽器的最高標準運行,混雜模式頁面是一種比較寬松的向后兼容的方式顯示
4. 行內元素有哪些?塊級元素有哪些?空元素有哪些?
行內元素: a span img input select 等
塊級元素:div p ul ol li h1 dd dt等
5.HTML5有哪些新特性,移除了哪些元素?
新加:canvas video audio lovalstorage geolocation header footer nav 等
移除:frame big center font
doctype聲明的方式是區(qū)分是否為H5的重要方式
6. 如何實現(xiàn)瀏覽器內多個標簽之間的通信?
websocket shareWorker
調用localstorge、cookies等本地存儲方式。
- localstorge在一個標簽頁里被添加、修改或刪除時,都會觸發(fā)一個storage事件,通過在另一個標簽頁里監(jiān)聽storage事件,即可得到localstorge存儲的值,實現(xiàn)不同標簽頁之間的通信。
- 使用cookie+setInterval,將要傳遞的信息存儲在cookie中,每隔一定時間讀取cookie信息,即可隨時獲取要傳遞的信息。