完全支持CSS3
Video和Audio
2D/3D制圖
本地存儲(chǔ)
本地SQL數(shù)據(jù)
Web應(yīng)用
2. 什么是語(yǔ)義化的html?
what?
根據(jù)內(nèi)容的結(jié)構(gòu)(內(nèi)容語(yǔ)義化),選擇合適的標(biāo)簽(代碼語(yǔ)義化)便于開(kāi)發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析。
為了在沒(méi)有CSS的情況下,頁(yè)面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu):為了裸奔時(shí)好看;
用戶體驗(yàn):例如title、alt用于解釋名詞或解釋圖片信息、label標(biāo)簽的活用;
有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重
方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)以意義的方式來(lái)渲染網(wǎng)頁(yè);
便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù),語(yǔ)義化更具可讀性,是下一步吧網(wǎng)頁(yè)的重要?jiǎng)酉颍裱璚3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn),可以減少差異化。
盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span;
在語(yǔ)義不明顯時(shí),既可以使用div或者p時(shí),盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距,對(duì)兼容特殊終端有利;
不要使用純樣式標(biāo)簽,如:b、font、u等,改用css設(shè)置。
需要強(qiáng)調(diào)的文本,可以包含在或者em標(biāo)簽中(瀏覽器預(yù)設(shè)樣式,能用CSS指定就不用他們),默認(rèn)樣式是加粗(不要用b),em是斜體(不用i);
使用表格時(shí)html表格在默認(rèn)情況下有邊框,標(biāo)題要用,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區(qū)分開(kāi),表頭用th,單元格用td;
表單域要用標(biāo)簽包起來(lái),并用標(biāo)簽說(shuō)明表單的用途;
每個(gè)input標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用label標(biāo)簽,并且通過(guò)為input設(shè)置id屬性,在lable標(biāo)簽中設(shè)置for=來(lái)讓說(shuō)明文本和相對(duì)應(yīng)的input關(guān)聯(lián)起來(lái)。
3. 從前端角度出發(fā)談?wù)勛龊胹eo需要考慮什么?
語(yǔ)義化html標(biāo)簽
合理的title, ,;
重要的html代碼放前面
少用, 搜索引擎不會(huì)抓取中的內(nèi)容
圖片加上alt
4. 文檔類型()
作用:
聲明位于文檔中最前面的位置,處于標(biāo)簽之前html表格在默認(rèn)情況下有邊框,告知瀏覽器使用的是哪種規(guī)范。
類型:
三種: 、 以及
如果不聲明: 不寫,瀏覽器會(huì)進(jìn)入 mode (混雜模式)。即,如果不聲明,瀏覽器不引入w3c的標(biāo)準(zhǔn),那么早期的瀏覽器會(huì)按照自己的解析方式渲染頁(yè)面。瀏覽器采用自身方式解析頁(yè)面的行為稱為"(混雜模式也稱怪異模式)";采用w3c方式解析就是" mode(標(biāo)準(zhǔn)模式)"。 如果完全采用就不會(huì)出任何的差錯(cuò),但這樣會(huì)降低程序的容錯(cuò)率,加重開(kāi)發(fā)人員的難度
用哪種:
沒(méi)有聲明的采用 mode解析
對(duì)于有的大多數(shù)采用 mord。
特殊情況:
對(duì)于那些瀏覽器不能識(shí)別的,瀏覽器采用;
沒(méi)有聲明DTD或者h(yuǎn)tml版本聲明低于4.0采用 mode,其他使用 mode;
ie6中,如果在聲明前有一個(gè)xml聲明(比如:),則采用 mode解析
標(biāo)準(zhǔn)模式與怪異模式的區(qū)別:
標(biāo)準(zhǔn)模式:瀏覽器根據(jù)規(guī)范呈現(xiàn)頁(yè)面
混雜模式(怪異模式):頁(yè)面以一種比較寬松的兼容方式顯示。
他們最大的不同是對(duì)盒模型的解析。
在 mode中 :width是內(nèi)容寬度 ,也就是說(shuō),元素真正的寬度 = -left +-left-width + -left + width + -right + -right- width+ -right;
在 mode中 :width則是元素的實(shí)際寬度 ,內(nèi)容寬度 = width - (-left +-right + -left + -right + -left-width + -right-width)
5.使用XHTML的局限有哪些?
XHTML較為嚴(yán)格,標(biāo)簽必須閉合,必須要body,head等
如果頁(yè)面使用 '/xhtml+xml' 一些老的瀏覽器并不兼容
6. 如果網(wǎng)頁(yè)內(nèi)容需要多語(yǔ)言,要怎么做?
采用統(tǒng)一編碼utf-8模式
需要web前端課程工具和電子書,可以加: 33群; 22群
【內(nèi)容展示有限,可以加群下載,群文件會(huì)定期更新學(xué)習(xí)資料,以及練手小案例】