關于HTML的那些事

Zachary 發(fā)布于2019-08-02 14:22 / 1771人閱讀

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。搜索引擎的爬蟲也依賴于標記來確定上下文和各個關鍵字的權重，有利于使閱讀源代碼的人更容易將網站分塊，便于閱讀，維護和理解。

HTML基礎知識 meta標簽

doctype作用，嚴格模式和混雜模式如何區(qū)分，它們有何意義？

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

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

如果HTML文檔包含形式完整的doctype，那么他一般是以標準模式呈現(xiàn)，對于HTML4.01文檔，包含嚴格的DTD的doctype常常導致頁面以標準模式呈現(xiàn)，doctype不存在或者格式不對會導致文檔以混雜模式出現(xiàn)。

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

1.在瀏覽器輸入網址
2.發(fā)送至DNS服務器并獲得域名對應的WEB服務器IP地址
3.與WEB服務器建立TCP連接
4.瀏覽器向WEB服務器的IP地址發(fā)送相應的HTTP請求
5.WEB服務器響應請求并返回指定的url的數據或錯誤信息。如果重定向，則重定向到新的url地址
6.瀏覽器下載數據后解析HTML源文件，解析的過程中實現(xiàn)對頁面的排版，解析完成后在瀏覽器顯示基礎頁面
7.分析頁面中的超鏈接并顯示在當前頁面，重復以上過程直至無超鏈接需要發(fā)送，完成全部數據顯示。

html5為什么只需要寫<！DOCTYPE HTML>？

html5不基于SGML，因此不需要對DTD進行引用
html4.01基于SGML，因此需要對DTD進行引用

瀏覽器內核的理解

瀏覽器最重要或者說核心部分：渲染引擎，不過我們一般稱之為瀏覽器內核。負責對網頁語法的解釋（標準通用標記語言下的一個應用html，javascript）并渲染顯示的網頁。渲染引擎決定了瀏覽器如何顯示網頁內容以及頁面的格式信息，不同的瀏覽器內核對網頁編寫語法的解釋也有不同，因此同一網頁在不同瀏覽器內核的瀏覽器里渲染顯示的效果也不同。
渲染引擎負責獲取網頁的內容，整理訊息，以及計算網頁的顯示方式

常用瀏覽器內核

Trident內核(MSHTML)：IE，360，搜狗
Gecko內核：FireFox
Presto內核：Opera7以上
（Opera內核原為Presto 現(xiàn)為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

a標簽

href里不僅可以是一個遠程地址，還可以是一個本地文件

    百度一下

link和@impoort的區(qū)別

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內邊距

img標簽








背景圖片大于要顯示的大小的時候

table標簽

GPU云服務器云服務器云服務器那些事關于html5的概述學html要那些英語 html關于我們

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53755.html

關于CSS Reset 那些事（四）之構架CSS基礎樣式庫

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

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

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

Yu_Huang 2019-08-01 14:48 評論0 收藏0
關于CSS的那些事

摘要：關于背景圖片的那些小技巧背景圖片太大沒辦法居中顯示怎么辦想完整顯示圖片如何按比例縮放想要在頁面上顯示兩個空格，應該怎么寫代碼在代碼里寫才行。 CSS簡介想要制作出好看又高大上的網頁，除了編寫好HTML文件外，CSS的編寫也必不可少。CSS的英文全稱是Cascading Style Sheets，即層疊樣式表。CSS不僅可以靜態(tài)地修飾網頁，還可以配合各種腳本語言動態(tài)地對網頁各元素進行格...

smallStone 2019-08-30 15:54 評論0 收藏0
關于JS、JQ獲取可視區(qū)域的高度、寬度以及屏幕分辨率的那些事

摘要：用和獲取相關屬性網頁可見區(qū)域寬網頁可見區(qū)域高網頁可見區(qū)域寬包括邊框的寬網頁可見區(qū)域高包括邊框的高網頁正文全文寬網頁正文全文高網頁下滑的距離網頁左滑的距離屏幕分辨率的高屏幕分辨率的寬屏幕可用工作區(qū)的高屏幕可用工作區(qū)的高瀏覽器可視區(qū)域的內寬度，用JS和JQ獲取相關屬性 JavaScript document.body.clientWidth;//網頁可見區(qū)域寬document.body....

or0fun 2019-08-21 11:35 評論0 收藏0