H5知識點總結

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信息,即可隨時獲取要傳遞的信息。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容