HTML5部分基本內(nèi)容

1、html5部分基本內(nèi)容html5由w3c于2014年10月制定，旨在替換早期的html4.01和xhtml1.0標(biāo)準(zhǔn)，以適應(yīng)互聯(lián)網(wǎng)迅速進(jìn)展的需求。1）多設(shè)備，跨平臺(tái)；2）用戶體驗(yàn)好；3）新標(biāo)簽的可讀性高，有助于開發(fā)人員定義重要內(nèi)容；4）提供了更多的多媒體元素（視頻和音頻）；5）很好地替代了flash和silverlight；6）涉及到網(wǎng)站的抓取和索引的時(shí)候，seo越發(fā)友好；7）可以被大量應(yīng)用于移動(dòng)應(yīng)用程序和嬉戲。1）web storage和web socket這樣的功能很簡(jiǎn)單被黑客利用，平安性差；2）兼容性不好，無數(shù)掃瞄器的支持程度不一樣；3）有一定的技術(shù)門檻；4）某些平臺(tái)上的引擎問題導(dǎo)致ht

2、ml5性能低下；1）語義化標(biāo)簽（談?wù)剬?duì)語義化標(biāo)簽的理解？）語義化標(biāo)簽有利于seo: 爬蟲依靠標(biāo)簽來確定關(guān)鍵字的權(quán)重，因此可以和搜尋引擎建立良好的交流，協(xié)助爬蟲抓取更多的有效信息提升用戶體驗(yàn)：例如title、alt可以用于說明名稱或者說明信息，以及l(fā)abel標(biāo)簽的靈便運(yùn)用。便于團(tuán)隊(duì)開發(fā)和維護(hù)： 語義化使得代碼更具有可讀性，讓其他開發(fā)人員越發(fā)理解你的html結(jié)構(gòu)，削減差異化。便利其他設(shè)備解析： 如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備等，以故意義的方式來渲染網(wǎng)頁。：各標(biāo)簽的區(qū)分：塊標(biāo)簽：獨(dú)自占據(jù)一行、可以舉行寬高的數(shù)值的設(shè)定； 行標(biāo)簽：在一行內(nèi)顯示、不行以舉行寬高的數(shù)值設(shè)定； 行內(nèi)塊標(biāo)簽：能和其他元素待

3、在一行，能設(shè)置寬高；各種標(biāo)簽之間的轉(zhuǎn)換1、塊級(jí)標(biāo)簽轉(zhuǎn)換為行內(nèi)標(biāo)簽：display:inline;2、行內(nèi)標(biāo)簽轉(zhuǎn)換為塊級(jí)標(biāo)簽：display:block;3、轉(zhuǎn)換為行內(nèi)塊標(biāo)簽：display：inline-block;2）增加型表單（1） form表單標(biāo)簽新增強(qiáng)屬性有哪些？autocomplete：屬性規(guī)定輸入字段是否應(yīng)當(dāng)啟用自動(dòng)完勝利能。自動(dòng)完成允許掃瞄器預(yù)測(cè)對(duì)字段的輸入。當(dāng)用戶在字段開頭鍵入時(shí)，掃瞄器基于之前鍵入過的值，應(yīng)當(dāng)顯示出在字段中填寫的選項(xiàng)。novalidate：屬性規(guī)定當(dāng)提交表單時(shí)不對(duì)其舉行驗(yàn)證。假如用法該屬性，則表單不會(huì)驗(yàn)證表單的輸入。date：用于輸入日期的控件（年，月，日，不

4、包括時(shí)光）。datetime：基于 utc 時(shí)區(qū)的日期時(shí)光輸入控件（時(shí)，分，秒及幾分）。datetime-local：用于輸入日期時(shí)光控件，不包含時(shí)區(qū)。email：用于編輯 e-mail 的字段。合適的時(shí)候可以用法 :valid 和 :invalid css 偽類。month：用于輸入年代的控件，不帶時(shí)區(qū)。number: 用于輸入浮點(diǎn)數(shù)的控件。range：用于輸入不精確值控件。假如未指定相應(yīng)的屬性，控件用法如下缺省值：min：0 max：100 value：min + （max-min）/2，或當(dāng) max 小于 min 時(shí)用法。search：用于輸入搜尋字符串的單行文本字段。換行會(huì)被從輸入的值

5、中自動(dòng)移除。time：用于輸入不含時(shí)區(qū)的時(shí)光控件。url：用于編輯url的字段。換行會(huì)被自動(dòng)從輸入值中移隊(duì)?？梢杂梅ㄈ纾簆attern 和 maxlength 樣的屬性來約束輸入的值。恰當(dāng)?shù)臅r(shí)候使可以應(yīng)用 :valid 和 :invalid css 偽類。week：用于輸入一個(gè)由星期-年組成的日期，日期不包括時(shí)區(qū)。3）新增視圖和音頻 標(biāo)簽4）canvas繪圖、svg繪圖5）地理定位6）拖放api、web worker、web storage7）websocket（1）淺談對(duì)websocket的理解？websocket是html5一種新的協(xié)議，websocket是真正實(shí)現(xiàn)了全雙工通信的服務(wù)器向客戶端推的互聯(lián)網(wǎng)技術(shù)，是一種在單個(gè)tcp銜接上舉行全雙工通訊協(xié)議。（2）http和websocket的區(qū)分？http協(xié)議是短鏈接，由于哀求之后，都會(huì)關(guān)閉銜接，下次重新哀求數(shù)據(jù)，需要再次打開銜接。websocket協(xié)議是一種長銜接，只需要通過一次哀求來初始化鏈接，然后全部的哀求和響應(yīng)都是通過這個(gè)tcp鏈接舉行通信。