不知不覺中從18年畢業(yè)到現(xiàn)在已經(jīng)2年多了，作為一個(gè)前端程序員還沒有寫過自己的博客，之前有想過要自己總結(jié)點(diǎn)自己工作中和學(xué)習(xí)中感覺有些難度的知識(shí)點(diǎn)，一來感覺沒有必要鹊碍，二來感覺自己沒有時(shí)間，還有一點(diǎn)就是害怕別人的嘲笑食绿。不知道誰說的一句話叫做：“種一棵樹最好的時(shí)機(jī)是十年前侈咕，其次是現(xiàn)在”所所以說還是不想這么多了，做自己認(rèn)為對(duì)的事情吧器紧！
今天就來說一下html中常用的面試題能夠在實(shí)際開發(fā)中能用到的東西耀销。面試和實(shí)際的開發(fā)工程中其實(shí)是倆碼事，他在面試的過程中問的html中的問題一方面是在考察你的基礎(chǔ)铲汪，另外一個(gè)方面是在考察你應(yīng)對(duì)這次面試的態(tài)度熊尉。可能你如果是5,6年開發(fā)經(jīng)驗(yàn)的程序員他不會(huì)問你這種問題吧掌腰，這一點(diǎn)咱也不清楚狰住。可能幾年以后我翻到自己寫的這篇博客會(huì)對(duì)這個(gè)問題產(chǎn)生新的見解吧齿梁，小伙伴們也歡迎在評(píng)論區(qū)說說你對(duì)面試過程中問實(shí)際開發(fā)過程中不會(huì)用到的知識(shí)的看法催植。
html5新增有哪些語義化標(biāo)簽?
- secttion 定義文檔中的一個(gè)章節(jié)
- nav定義只包含導(dǎo)航鏈接的章節(jié)
- header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄查邢。
- footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息酵幕、法律信息鏈接和反饋建議用的地址扰藕。
- aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理芳撒。
- article <article>標(biāo)簽中的內(nèi)容經(jīng)常包含<h1>邓深、<header>、<footer>等標(biāo)簽
在實(shí)際的開發(fā)的過程中常用的是article 標(biāo)簽 他的用法可以替代最外面的一個(gè)div 然后nav 用來做導(dǎo)航欄 header用來寫文章的頭部 footer用來寫最下面的版權(quán)信息什么的笔刹。
語義化標(biāo)簽的作用
面試的過程中回答完這些語義化標(biāo)簽的用法順便和面試官說下作用哈芥备，大概是以下幾點(diǎn)隨便說兩句
去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重舌菜；
方便其他設(shè)備解析（如屏幕閱讀器萌壳、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁日月；
便于團(tuán)隊(duì)開發(fā)和維護(hù)袱瓮，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)爱咬，可以減少差異化尺借。
html5有哪些新特性、移除了那些元素精拟？
HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集燎斩，主要是關(guān)于圖像，位置蜂绎，存儲(chǔ)栅表，多任務(wù)等功能的增加。
拖拽釋放(Drag and drop) API
- 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）
音頻荡碾、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
- 本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù)谨读，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
cookie、sessionStorage和localStorage的區(qū)別
- sessionStorage 的數(shù)據(jù)在頁面會(huì)話結(jié)束時(shí)會(huì)被清除
- 表單控件坛吁，calendar劳殖、date、time拨脉、email哆姻、url、search
- 新的技術(shù)webworker, websocket等
websocket有比較全面的官方文檔玫膀，大家有興趣可以去玩一下它的api,試著做一些小的demo
移除的元素：
純表現(xiàn)的元素：basefont矛缨，big，center, s，strike箕昭，tt灵妨，u；
對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame落竹，frameset泌霍，noframes；
以上我把重要的內(nèi)容都加粗了述召，大家可以參考相關(guān)的鏈接.
好了朱转，今天的分享到此結(jié)束，感謝大家的寶貴時(shí)間积暖，在下先滾為敬藤为。
