關於HTML的那些事

2021-09-12 18:31:08 字數 1862 閱讀 8867

doctype作用,嚴格模式和混雜模式如何區分,它們有何意義?

doctype宣告位於html文件的第一行,位於html標籤之前,用於告知瀏覽器解析器用什麼文件標準解析這個文件,doctype不存在或者格式不正確會導致文件以相容模式呈現

在相容模式中,頁面以寬鬆的向後相容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。標準模式的排版和js運作模式都是以該瀏覽器支援的最高標準執行。

如果html文件包含形式完整的doctype,那麼他一般是以標準模式呈現,對於html4.01文件,包含嚴格的dtd的doctype常常導致頁面以標準模式呈現,doctype不存在或者格式不對會導致文件以混雜模式出現。

請描述乙個網頁從開始請求到最終顯示的完整過程?

html5為什麼只需要寫?

html5不基於sgml,因此不需要對dtd進行引用

html4.01基於sgml,因此需要對dtd進行引用

瀏覽器核心的理解

常用瀏覽器核心

trident核心(mshtml):ie,360,搜狗

gecko核心:firefox

presto核心:opera7以上

(opera核心原為presto 現為blink)

webkit核心:safari,chrome

(chrome的blink使webkit的分支)

edgehtml核心:microsoft edge

(此核心其實是從mshtmlfork來的,刪除了幾乎所有ie私有特性)

簡述一下對html語義化的理解

1.html語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器,搜尋引擎解析

2.即便在沒有css樣式的情況下也能以一種文件格式顯示,並且是容易閱讀的。

3.搜尋引擎的爬蟲也依賴於html標記來確定上下文和各個關鍵字的權重,有利於seo

4.使閱讀源**的人更容易將**分塊,便於閱讀,維護和理解。

行級元素和塊級元素分別有哪些?

行級元素:

a, em(強調),strong(粗體強調),span,i(斜體),img,b(粗體),lable(**標籤),

select(專案選擇),textarea(多行文字輸入框)sub(下標)

不能設定寬高寬高是內容的高度,可以設定padding,只能設定左右的外邊距,不能設定上下外邊距

塊元素:

不設定高,靠內容充起來,寬度不設定的情況下是充滿父級元素的

可以設定寬高,外邊距,內邊距

div dl定義列表 dt dd ul 非排序列表

ol,p,h1-h6,table,fieldset form,

空元素:br hr

行內塊級元素 input和img

href裡不僅可以是乙個遠端位址,還可以是乙個本地檔案

link和@impoort的區別

1.link屬於xhtml標籤,而@import是css提供的

2.頁面被載入時,link會同時被載入,而@import引用的css會等到頁面被載入完了再載入

3.import只在ie5以上才能被識別,而link是xhtml標籤,無相容性問題

4.link方式的樣式權重高於@import的權重

5.使用dom控制樣式時的差別,當使用js控制dom去改變樣式的時候,只能使用link標籤。

ol,ul,li樣式重置:list-style:none

a樣式重置:text-direction :none

ul,ol有上下16px的外邊距,左面40px內邊距

背景大於要顯示的大小的時候

11

2122

關於開始的那些事

人總是有惰性的,當然我自己深有體會。一直有個想法想寫寫自己的blog,但隨時間的推移,很久都沒付出行動。最近工作專案開始不那麼忙了,維護乙份自己的blog的想法愈發強烈了。想把自己的一些想法,或者看到的一些有用的東西給大家分享,也給自己留下成長的痕跡。我從小喜歡看書,各種各樣的書屬於不求甚解的狀態。...

關於coredump的那些事

今天在網上搜了一些有關coredump的知識,簡單記一下,以防忘記 core dump檔名的模式儲存在 proc sys kernel core pattern中,預設是core 主要是今天比較鬱悶,要除錯程式crash,就用ulimit c unlimited設定了一下core檔案的大小,但是測試...

關於STL 的那些事

今晚參加訓練。樹狀陣列的練習,傻乎乎的用stl做了一晚,雖然題沒做出來,不過對stl的查詢有了更深一層的理解。關於stl。輸入輸出 vector push back pop back stack push pop queue push pop 頭 front 尾 back priority queu...