網頁程式設計技術一（瀏覽器核心介紹）
阿新 • • 發佈：2018-10-31
1、瀏覽器核心由兩部分組成：渲染引擎和JavaScript引擎
渲染引擎：負責獲取網頁（HTML、XML、圖形等）、整理資訊（CSS）以及計算網頁顯示方式
JavaScript引擎：負責解析和執行JavaScript程式碼來實現網頁的動態效果。（由於JavaScript引擎越來越獨立，核心傾向於指渲染引擎）
2、一般常見瀏覽器核心
Trident（IE核心）：包括有IE瀏覽器、360安全瀏覽器、獵豹安全瀏覽器、遨遊瀏覽器、百度瀏覽器、世界之窗瀏覽器、2345瀏覽器、搜狗高速瀏覽器等（其中部分瀏覽器是雙核甚至多核）；
Gecko（Firefox核心）：Netscape6及以上版本、Mozilla Firefox、Mozilla SeaMonkey 等，其特點是程式碼完全公開；
Presto（Opera前核心，已廢棄）：Opera12.17及更早版本採用的核心，目前採用Google Chrome 的Blink核心；
Webkit：（Safari核心、Chrome核心原型、開源）：Chrome、Apple Safari（Windows、Mac、iPhone、iPad）、Android預設瀏覽器等。
說明：Blink核心是由Google 和 Opera Software 開發的瀏覽器排版引擎，作為Webkit的分支
3、HTML5文件結構：
<!DOCTYPE html> <!-- 文件宣告： 1、HTML4.01文件宣告如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2、HTML5文件宣告如下：<!DOCTYPE html> 注意：頁面中必須要有文件宣告，而且必須在文件頁面的第一行--> <html> <head> <!-- 1、用於定義頁面的相關資訊，為非成對標記；位於head之間 2、可以描述頁面的作者、摘要、關鍵詞、版權、自動重新整理等頁面資訊 說明： 1、設定編碼集:<meta charset="UTF-8"> 常見的編碼集包括有GB2312、GBK、UTF-8等 2、http-equiv屬性：將資訊寫給瀏覽器看、讓瀏覽器按照這裡面的要求執行，可選屬性有Content-Type(文件型別)、 refresh(網頁定時重新整理)、set-cookie(設定瀏覽器cookie快取)，需要配合content使用；http-equiv屬性表面需要設定 那一部分，具體需要設定的內容存在在content屬性中。例如： <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 3、name屬性：將資訊寫給搜尋引擎看 <meta name="author" content="http://www.jredu100.com">--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="author" content="http://www.jredu100.com"> <!--網頁關鍵字：多個關鍵字之間用英文的逗號分隔--> <meta name="keywords" content="HTML5、網頁、Web前端開發"> <!--網頁描述：搜尋網站時，title下面的解釋文字--> <meta name="description" content="這是我開發的第一個網頁"> <!--用於定義頁面標題，是成對標記；位於head之間--> <title>我的第一個網站</title> <!-- 使用link標籤可以載入一個圖片作為網頁圖示 rel：宣告被連結檔案與當前檔案的關係，此處選用icon type：宣告被連結檔案的型別，可以省略 href：圖片的路徑地址 --> <link rel="icon" type="image/x-icon" href="img/icon.jpg"/> </head> <!--<body></body>包含所有文件的內容、如文字、影象、表格、表單等元素--> <body> <!--使用語義化標記進行網頁設計，基本語法如下--> <header>網站主題</header> <nav>連結選單</nav> <article> 主內容 <section> 章節段落 </section> </article> <aside>側邊欄</aside> <footer>頁尾</footer> </body> </html>