亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

html基礎(chǔ)

sihai / 2380人閱讀

摘要：不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)標(biāo)準(zhǔn)模式的排版和運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。如果不能確定時(shí)，首選使用自然樣式標(biāo)簽

HTML

語義化

HTML標(biāo)簽的語義化是指：通過使用包含語義的標(biāo)簽（如h1-h6）恰當(dāng)?shù)乇硎疚臋n結(jié)構(gòu)

css命名的語義化是指：為html標(biāo)簽添加有意義的class

為什么需要語義化：

去掉樣式后頁面呈現(xiàn)清晰的結(jié)構(gòu)

盲人使用讀屏器更好地閱讀

搜索引擎更好地理解頁面，有利于收錄

便團(tuán)隊(duì)項(xiàng)目的可持續(xù)運(yùn)作及維護(hù)

簡述一下你對HTML語義化的理解？

用正確的標(biāo)簽做正確的事情。

html語義化讓頁面的內(nèi)容結(jié)構(gòu)化，結(jié)構(gòu)更清晰，便于對瀏覽器、搜索引擎解析;

即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;

搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于SEO;

使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解

Doctype作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別?

聲明位于位于HTML文檔中的第一行，處于 標(biāo)簽之前。告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)

標(biāo)準(zhǔn)模式的排版 和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無法工作

HTML5 為什么只需要寫 ？

HTML5 不基于 SGML，因此不需要對DTD進(jìn)行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行）

而HTML4.01基于SGML,所以需要對DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型

行內(nèi)元素有哪些？塊級元素有哪些？ 空(void)元素有那些？

行內(nèi)元素有：a b span img input select strong（強(qiáng)調(diào)的語氣）

塊級元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

常見的空元素:

使用方法2：

如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通信？

iframe + contentWindow

postMessage

SharedWorker(Web Worker API)

storage 事件(localStorge API)

WebSocket

webSocket 如何兼容低瀏覽器？

Adobe Flash Socket

ActiveX HTMLFile (IE)

基于 multipart 編碼發(fā)送 XHR

基于長輪詢的 XHR

頁面可見性（Page Visibility API） 可以有哪些用途？

在頁面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂或視頻的播放

當(dāng)用戶瀏覽其他頁面，暫停網(wǎng)站首頁幻燈自動(dòng)播放

完成登陸后，無刷新自動(dòng)同步其他頁面的登錄狀態(tài)

title 與 h1 的區(qū)別、b 與 strong 的區(qū)別、i 與 em 的區(qū)別？

title 表示是整個(gè)頁面標(biāo)題，h1 則表示層次明確的標(biāo)題，對頁面信息的抓取有很大的影響

strong 標(biāo)明重點(diǎn)內(nèi)容，有語氣加強(qiáng)的含義，使用閱讀設(shè)備閱讀網(wǎng)絡(luò)時(shí)，strong 會(huì)重讀，而 b

是展示強(qiáng)調(diào)內(nèi)容

i 內(nèi)容展示為斜體，em 表示強(qiáng)調(diào)的文本

自然樣式標(biāo)簽：b, i, u, s, pre

語義樣式標(biāo)簽：strong, em, ins, del, code

應(yīng)該準(zhǔn)確使用語義樣式標(biāo)簽, 但不能濫用。如果不能確定時(shí)，首選使用自然樣式標(biāo)簽

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/52131.html

相關(guān)文章

  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要：黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁黑體安全基礎(chǔ)初識黑體安全基礎(chǔ)初識標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識CSS #WEB安全基...

    EscapedDog 評論0 收藏0

  • 關(guān)于CSS Reset 那些事（四）之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面，網(wǎng)頁上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié)，我們都說了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    mj 評論0 收藏0

  • 關(guān)于CSS Reset 那些事（四）之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面，網(wǎng)頁上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié)，我們都說了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    Yu_Huang 評論0 收藏0

  • 前端入門1-基礎(chǔ)概念

    摘要：基礎(chǔ)基礎(chǔ)是一種標(biāo)記語言，不是編程語言，需要明確這點(diǎn)。元素標(biāo)簽內(nèi)容基礎(chǔ)基礎(chǔ)負(fù)責(zé)文本樣式的呈現(xiàn)，既然將和分離開，各自只負(fù)責(zé)各自的職責(zé)，那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權(quán)微信公眾號 dasu_Android（大蘇）獨(dú)家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個(gè)來源： 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyh...

    codecraft 評論0 收藏0

  • Flask Web Development —— 模板（中）

    摘要：示例使用的模板的指令通過從引用來實(shí)現(xiàn)模板的繼承。上面的模板定義了三個(gè)，分別命名為和。同時(shí)返回相應(yīng)錯(cuò)誤的數(shù)字狀態(tài)碼。示例帶有導(dǎo)航欄的基礎(chǔ)應(yīng)用程序模板這個(gè)模板中的塊中只是一個(gè)名為的元素，它包含了在派生模板中定義的名為的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一個(gè)開源框架，提供用戶交互組件來創(chuàng)建一個(gè)清新且有吸引力...

    eternalshallow 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<