2.2 常見瀏覽器內核（了解）

首先解釋一下瀏覽器內核是什么東西。英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現在流行稱為瀏覽器內核.

負責讀取網頁內容，整理訊息，計算網頁的顯示方式并顯示頁面.

因為瀏覽器太多啦， 但是現在主要流行的就是下面幾個：

瀏覽器內核備注

IE	Trident	IE、獵豹安全、360極速瀏覽器、百度瀏覽器
firefox	Gecko	可惜這幾年已經沒落了，打開速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome。
Safari	webkit	現在很多人錯誤地把 webkit 叫做 chrome內核（即使 chrome內核已經是 blink 了）。蘋果感覺像被別人搶了媳婦，都哭暈再廁所里面了。
chrome	Chromium/Blink	在 Chromium 項目中研發 Blink 渲染引擎（即瀏覽器核心），內置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。大部分國產瀏覽器最新版都采用Blink內核。二次開發
Opera	blink	現在跟隨chrome用blink內核。

拓展閱讀：

移動端的瀏覽器內核主要說的是系統內置瀏覽器的內核。Android手機而言，使用率最高的就是Webkit內核，大部分國產瀏覽器宣稱的自己的內核，基本上也是屬于webkit二次開發。iOS以及WP7平臺上，由于系統原因，系統大部分自帶瀏覽器內核，一般是Safari或者IE內核Trident的

3.2 Web 標準的好處

遵循web標準可以讓不同我們寫的頁面更標準更統一外，還有許多優點

1、讓Web的發展前景更廣闊
2、內容能被更廣泛的設備訪問
3、更容易被搜尋引擎搜索
4、降低網站流量費用
5、使網站更易于維護
6、提高頁面瀏覽速度

web標準小結

• web標準有三層結構，分別是結構（html）、表現（css）和行為（javascript）
• 結構類似人的身體， 表現類似人的著裝， 行為類似人的行為動作
• 理想狀態下，他們三層都是獨立的， 放到不同的文件里面

1. HTML 初識

• HTML 指的是超文本標記語言 (Hyper Text Markup Language)是用來描述網頁的一種語言。
• HTML 不是一種編程語言，而是一種標記語言 (markup language)
• 標記語言是一套標記標簽 (markup tag)

所謂超文本，有2層含義：

因為它可以加入圖片、聲音、動畫、多媒體等內容（**超越文本限制 **）

不僅如此，它還可以從一個文件跳轉到另一個文件，與世界各地主機的文件連接（**超級鏈接文本 **）。

<img src="timg.jpg" />

3）水平線標簽hr(認識)

單詞縮寫： horizontal 橫線 [?h?r??zɑntl] 同上

在網頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單地通過標簽來完成，

---

就是創建橫跨網頁水平線的標簽。其基本語法格式如下：

<hr />是單標簽

在網頁中顯示默認樣式的水平線。

5）div 和 span標簽(重點)

div span 是沒有語義的 是我們網頁布局主要的2個盒子 想必你聽過 css+div

div 就是 division 的縮寫 分割， 分區的意思 其實有很多div 來組合網頁。

span 跨度，跨距；范圍

語法格式：

<div> 這是頭部 </div> <span>今日價格</span>

他們兩個都是盒子，用來裝我們網頁元素的， 只不過他們有區別，現在我們主要記住使用方法和特點就好了

• div標簽 用來布局的，但是現在一行只能放一個div
• span標簽 用來布局的，一行上可以放好多個span

排版標簽總結

標簽名定義說明

	標題標簽	作為標題使用，并且依據重要性遞減
	段落標簽	可以把 HTML 文檔分割為若干段落
	水平線標簽	沒啥可說的，就是一條線
	換行標簽
	div標簽	用來布局的，但是現在一行只能放一個div
	span標簽	用來布局的，一行上可以放好多個span

1.2 文本格式化標簽(熟記)

在網頁中，有時需要為文字設置粗體、斜體或下劃線效果，這時就需要用到HTML中的文本格式化標簽，使文字以特殊的方式顯示。

區別：

b 只是加粗 strong 除了可以加粗還有 強調的意思， 語義更強烈。

剩下的同理…

重點記住 前兩組 加粗 和 傾斜 后面兩組沒記住回來查

1.3 標簽屬性

使用HTML制作網頁時，如果想讓HTML標簽提供更多的信息，可以使用HTML標簽的屬性加以設置。其基本語法格式如下：

<標簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內容 </標簽名> <手機 顏色="紅色" 大小="5寸"> </手機>

團隊約定

一般用于簡單的描述，如某些狀態描述、屬性描述等

注釋內容前后各一個空格字符，注釋位于要注釋代碼的上面，單獨占一行

推薦：

<!-- Comment Text --> <div>...</div>

不推薦：

<div>...</div><!-- Comment Text --> <div><!-- Comment Text -->... </div>

相對路徑

以引用文件之網頁所在位置為參考基礎，而建立出的目錄路徑。因此，當保存于不同目錄的網頁引用同一個文件時，所使用的路徑將不相同，故稱之為相對路徑。

路徑分類符號說明

同一級路徑		只需輸入圖像文件的名稱即可，如<img src=“baidu.gif” />。
下一級路徑	“/”	圖像文件位于HTML文件同級文件夾下（例如文件夾名稱為：images） 如<img src=“images/baidu.gif” />。
上一級路徑	“…/”	在文件名之前加入“…/” ，如果是上兩級，則需要使用 “…/ …/”，以此類推， 如<img src="…/baidu.gif" />。

絕對路徑

絕對路徑以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對，意指當所有網頁引用同一個文件時，所使用的路徑都是一樣的。

1. 創建表格

在HTML網頁中，要想創建表格，就需要使用表格相關的標簽。

創建表格的基本語法：

<table><tr><td>單元格內的文字</td>...</tr>... </table>

要深刻體會表格、行、單元格他們的構成。

在上面的語法中包含基本的三對HTML標簽，分別為 table、tr、td，他們是創建表格的基本標簽，缺一不可，下面對他們進行具體地解釋

table用于定義一個表格標簽。

tr標簽 用于定義表格中的行，必須嵌套在 table標簽中。

td 用于定義表格中的單元格，必須嵌套在標簽中。

字母 td 指表格數據（table data），即數據單元格的內容，現在我們明白，表格最合適的地方就是用來存儲數據的。

總結

以上是生活随笔為你收集整理的html01-02天的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。