day29 HTML基础
常見的瀏覽器內(nèi)核
(1)Trident(IE內(nèi)核)
國內(nèi)很多的雙核瀏覽器的其中一核便是Trident,美其名曰"兼容模式"。代表:IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等。Window10開始,IE將其內(nèi)置瀏覽器命名為Edge,Edge最顯著的特點就是新內(nèi)核 EdgeHTML。
(2)Gecko( firefox)
Gecko(Firefox 內(nèi)核):Mozilla FireFox(火狐瀏覽器) 采用該內(nèi)核,Gecko的特點是代碼完全公開,因此,其可開發(fā)程度很高,全世界的程序員都可以為其編寫代碼,增加功能。可惜這幾年已經(jīng)沒落了,比如打開速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome。
(3)Webkit(Safari)
Safari 是蘋果公司開發(fā)的瀏覽器,所用瀏覽器內(nèi)核的名稱是大名鼎鼎的 WebKit。現(xiàn)在很多人錯誤地把 webkit 叫做 chrome內(nèi)核(即使 chrome內(nèi)核已經(jīng)是 blink 了),蘋果感覺像被別人搶了媳婦,都哭暈再廁所里面了。代表瀏覽器:傲游瀏覽器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器,
(4)Blink(chrome)
在 Chromium 項目中研發(fā) Blink 渲染引擎(即瀏覽器核心),內(nèi)置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。 大部分國產(chǎn)瀏覽器最新版都采用Blink內(nèi)核二次開發(fā)。
(5)Presto(opera)
Opera是挪威Opera Software ASA公司旗下的瀏覽器。1995年,opera公司發(fā)布第一版Opera瀏覽器,使用自己研發(fā)的Presto內(nèi)核。當時opera公司的開發(fā)團隊不斷完善Presto內(nèi)核,使Opera瀏覽器一度成為頂級瀏覽器。直到2016年奇虎360和昆侖萬維收購了Oprea瀏覽器,從此也丟棄了強大的Presto內(nèi)核,改用當時Google開源的webkit內(nèi)核。后來Opera瀏覽器跟隨Google將瀏覽器內(nèi)核改為Blink內(nèi)核。
(6)移動端的瀏覽器內(nèi)核主要說的是系統(tǒng)內(nèi)置瀏覽器的內(nèi)核。
對于Android手機而言,使用率最高的就是Webkit內(nèi)核,我們看到很多手機瀏覽器廠商都宣稱有著自主內(nèi)核,比如手機UC就號稱采用了U3內(nèi)核、而華為也經(jīng)常標榜自己的天天瀏覽器采用了T9內(nèi)核,事實上,他們都是基于開源內(nèi)核Webkit進行二次開發(fā)的,并不是完全的自主內(nèi)核。
HTML骨架
<HTML><head> <title></title></head><body></body> </HTML>1 HTML標簽:作用所有HTML中標簽的一個根節(jié)點。根標簽
2 head標簽: 文檔的頭部
文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題、在 Web 中的位置以及和其他文檔的關(guān)系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。注意在head標簽中我們必須要設(shè)置的標簽是title。
3.title標簽: 文檔的標題
作用:讓頁面擁有一個屬于自己的標題。
4.body標簽:文檔的主體 以后我們的頁面內(nèi)容 基本都是放到body里面的
body元素包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等)
標簽類型
在HTML頁面中,帶有“< >”符號的元素被稱為HTML標簽,如上面提到的 HTML、head、body都是HTML骨架結(jié)構(gòu)標簽。所謂標簽就是放在“< >” 標簽符中表示某個功能的編碼命令,也稱為HTML標簽或 HTML元素。
1.雙標簽
2.單標簽
<標簽名 />單標簽也稱空標簽,是指用一個標簽符號即可完整地描述某個功能的標簽。
<br />HTML標簽關(guān)系
標簽的相互關(guān)系就分為兩種:
1.嵌套關(guān)系
2.并列關(guān)系
<head></head> <body></body>如果兩個標簽之間的關(guān)系是嵌套關(guān)系,子元素最好縮進一個tab鍵的身位。如果是并列關(guān)系,最好上下對齊。
文檔類型
<!DOCTYPE html>字符集
<meta charset="UTF-8" />UTF -8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有g(shù)bk和gb2312。
BG2312 簡單中文包括6763個漢字
BIG5 繁體中文港澳臺等用
GBK包含全部中文字符是GB2312的擴展,加入對繁體字的支持,兼容GB2312
UTF-8則包含全世界所有國家需要用到的字符
常用標簽
標題標簽(重點)
單詞縮寫:head頭部。
為了使網(wǎng)頁更具有語義化,我們經(jīng)常會在頁面中用到標題標簽,HTML提供了6個等級的標題,即:
其基本語法格式如下:
<hn>標題文本</hn>段落標簽(重點)
單詞縮寫: paragraph 段落 [p?r?gr?f]無須記這個單詞
在網(wǎng)頁中要把文字有條理地顯示出來,離不開段落標簽,就如同我們平常寫文章一樣,整個網(wǎng)頁也可以分為若干個段落,而段落的標簽就是:
P是HTML文檔中最常見的標簽,默認情況下,文本在一個段落中會根據(jù)瀏覽器窗口的大小自動換行。
水平線標簽(了解)
單詞縮寫: horizontal 橫線 [?h?r??zɑntl] 同上
在網(wǎng)頁中常常看到一些水平線將段落與段落之間隔開,使得文檔結(jié)構(gòu)清晰,層次分明。這些水平線可以通過插入圖片實現(xiàn),也可以簡單地通過標簽來完成,
就是創(chuàng)建橫跨網(wǎng)頁水平線的標簽。其基本語法格式如下: <hr />是單標簽
在網(wǎng)頁中顯示默認樣式的水平線。
換行標簽(重點)
單詞縮寫:break 打斷,換行
在HTML中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,然后自動換行。如果希望某段文本強制換行顯示,就需要使用換行標簽。
盒子與范圍標簽(重點)
div span是沒有語義的,是我們網(wǎng)頁布局主要的2個盒子css+div。
div就是division的縮寫,分割、分區(qū)的意思,其實有很多div 來組合網(wǎng)頁
span,跨度、跨距;范圍
語法格式:
b i s u只有使用,沒有強調(diào)的意思;strong em del ins語義更強烈。
總結(jié)
以上是生活随笔為你收集整理的day29 HTML基础的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Pusher入门:使用状态通道
- 下一篇: linux测试上下行最大网速和实时网速