html基礎

sihai 發(fā)布于2019-08-02 10:06 / 2332人閱讀

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

HTML

語義化

HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當?shù)乇硎疚臋n結構

css命名的語義化是指：為html標簽添加有意義的class

為什么需要語義化：

去掉樣式后頁面呈現(xiàn)清晰的結構

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

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

便團隊項目的可持續(xù)運作及維護

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

用正確的標簽做正確的事情。

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

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

搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重，利于SEO;

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

Doctype作用？標準模式與兼容模式各有什么區(qū)別?

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

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

HTML5 為什么只需要寫？

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

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

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

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

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

常見的空元素:

使用方法2：

Date:

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

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）可以有哪些用途？

在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放

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

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

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

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

strong 標明重點內(nèi)容，有語氣加強的含義，使用閱讀設備閱讀網(wǎng)絡時，strong 會重讀，而 b

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

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

自然樣式標簽：b, i, u, s, pre

語義樣式標簽：strong, em, ins, del, code

應該準確使用語義樣式標簽, 但不能濫用。如果不能確定時，首選使用自然樣式標簽

GPU云服務器云服務器 html基礎 html代碼基礎 html基礎代碼 html基礎教程

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

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

#WEB安全基礎 : HTML/CSS | 文章索引

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

EscapedDog 2019-04-23 11:53 評論0 收藏0
關于CSS Reset 那些事（四）之構架CSS基礎樣式庫

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

mj 2019-08-28 18:13 評論0 收藏0
關于CSS Reset 那些事（四）之構架CSS基礎樣式庫

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

Yu_Huang 2019-08-01 14:48 評論0 收藏0
前端入門1-基礎概念

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

codecraft 2019-04-23 13:15 評論0 收藏0
Flask Web Development —— 模板（中）

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

eternalshallow 2019-07-24 17:47 評論0 收藏0