世界之窗瀏覽器官網(wǎng)文章列表:

• 1、你的手機(jī)和電腦都在使用什么瀏覽器？
• 2、世界之窗團(tuán)隊發(fā)布Phoenix OS：基于安卓x86
• 3、瀏覽器視頻廣告過濾功能構(gòu)成不正當(dāng)競爭
• 4、HTML 語法簡要總結(jié)
• 5、2016瀏覽器內(nèi)核css前綴大全

你的手機(jī)和電腦都在使用什么瀏覽器？

你在使用什么瀏覽器呢？

——題記

隨著網(wǎng)絡(luò)時代的發(fā)展和進(jìn)步，我們的生活也越來越離不開網(wǎng)絡(luò)，也同樣離不開瀏覽器，從最初的IE瀏覽器，到如今各種各樣的定制瀏覽器，你又在使用什么瀏覽器呢？

瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML文件（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）內(nèi)容，并讓用戶與這些文件交互的一種軟件。它用來顯示在萬維網(wǎng)或局域網(wǎng)等內(nèi)的文字、圖像及其他信息。這些文字或圖像，可以是連接其他網(wǎng)址的超鏈接，用戶可迅速及輕易地瀏覽各種信息。大部分網(wǎng)頁為HTML格式。一個網(wǎng)頁中可以包括多個文檔，每個文檔都是分別從服務(wù)器獲取的。大部分的瀏覽器本身支持除了HTML之外的廣泛的格式，例如JPEG、PNG、GIF等圖像格式，并且能夠擴(kuò)展支持眾多的插件（plug-ins）。另外，許多瀏覽器還支持其他的URL類型及其相應(yīng)的協(xié)議，如FTP、Gopher、HTTPS（HTTP協(xié)議的加密版本）。HTTP內(nèi)容類型和URL協(xié)議規(guī)范允許網(wǎng)頁設(shè)計者在網(wǎng)頁中嵌入圖像、動畫、視頻、聲音、流媒體等。

我們的電腦上總有一個IE瀏覽器，但隨著其他第三方瀏覽器的橫空出世，IE瀏覽器卻表現(xiàn)出一種越發(fā)難用的姿態(tài)，到了Windows10系統(tǒng)的誕生，微軟企圖通過 Microsoft edge來挽回IE瀏覽器的潰敗之勢，但I(xiàn)E確實是老了，也有可能是Microsoft站在巔峰太久了，所以它還沒有正視Google Chrome等對手的強(qiáng)大。

而如今一般都有哪些瀏覽器呢？

作為一枚不靠譜的程序員，mincxyw還是非常喜歡使用Google Chrome瀏覽器，個人谷歌瀏覽器對網(wǎng)頁等瀏覽使用起來更加的方便。

除了谷歌瀏覽器，還有那些瀏覽器呢？

UC瀏覽器，QQ瀏覽器。360瀏覽器，百度瀏覽器，火狐瀏覽器，搜狗瀏覽器，獵豹瀏覽器，傲云瀏覽器、世界之窗瀏覽器，只是你用哪一個瀏覽器呢？

而在手機(jī)上，因為國內(nèi)系統(tǒng)對原生態(tài)的Android系統(tǒng)進(jìn)行了優(yōu)化，所以Google的相關(guān)應(yīng)用都被刪除，所以在國內(nèi)的手機(jī)上使用Google瀏覽器的不是很多，而UC瀏覽器占用率比較多，QQ瀏覽器的普及率也非常高，當(dāng)然還有一部分人在使用手機(jī)自帶的瀏覽器。

而你的手機(jī)和電腦又在使用什么瀏覽器呢？

世界之窗團(tuán)隊發(fā)布Phoenix OS：基于安卓x86

相信不少的電腦用戶都用過世界之窗瀏覽器，但其背后的制作團(tuán)隊鳳凰工作室卻鮮為人知。在去年淡出360團(tuán)隊之后，一度由其主導(dǎo)的世界之窗瀏覽器也停止了更新。日前，鳳凰工作室發(fā)布了基于x86安卓系統(tǒng)的Phoenix OS，并主打桌面級別的操作體驗。

鳳凰系統(tǒng)的操作邏輯專門為鼠標(biāo)鍵盤操作所優(yōu)化，而在桌面設(shè)計上面更像是Android、Linux、Windows的融合。不僅支持上百萬款安卓軟件的安裝使用，也支持桌面多任務(wù)、窗口拖拽等接近于正常桌面操作的體驗，基本沒有上手難度。

目前Phoenix OS測試版已經(jīng)上線，遺憾的是現(xiàn)在沒有安裝版本，如果你手頭有空置的U盤可以查看安裝教程進(jìn)行安裝體驗。

微信搜索“IT之家”關(guān)注搶6s大禮！下載IT之家客戶端（戳這里）也可參與評論抽樓層大獎！

瀏覽器視頻廣告過濾功能構(gòu)成不正當(dāng)競爭

日前，騰訊公司與世界星輝公司不正當(dāng)競爭糾紛一案塵埃落定。北京知識產(chǎn)權(quán)法院終審認(rèn)定“世界之窗瀏覽器”過濾廣告功能構(gòu)成不正當(dāng)競爭，判決世界星輝公司賠償騰訊公司經(jīng)濟(jì)損失及合理支出189萬余元。

騰訊公司一審訴稱，“世界之窗瀏覽器”軟件系世界星輝公司開發(fā)經(jīng)營，該瀏覽器設(shè)置有廣告過濾功能，用戶可有效過濾“騰訊視頻”網(wǎng)站在播放影片時的片頭廣告和暫停廣告，使騰訊公司不能從該業(yè)務(wù)中獲取直接收益。

一審法院認(rèn)為，被訴行為不針對特定視頻經(jīng)營者，廣告過濾功能屬于行業(yè)慣例，網(wǎng)絡(luò)用戶對瀏覽器廣告過濾功能的使用，雖造成廣告被瀏覽次數(shù)的減少，但此種減少并不構(gòu)成法律應(yīng)予救濟(jì)的“實際損害”。據(jù)此，一審法院駁回了騰訊公司全部訴訟請求。

騰訊公司提起上訴。二審中，騰訊公司提交了有關(guān)過濾廣告功能對網(wǎng)絡(luò)視頻行業(yè)影響的經(jīng)濟(jì)學(xué)分析報告。

北京知識產(chǎn)權(quán)法院經(jīng)二審審理后認(rèn)定，被訴行為是否違反《中華人民共和國反不正當(dāng)競爭法》第二條規(guī)定，應(yīng)以該行為是否違反公認(rèn)的商業(yè)道德為標(biāo)準(zhǔn)。同時，因反不正當(dāng)競爭法保護(hù)的是健康的社會經(jīng)濟(jì)秩序，因此，可通過分析被訴行為對社會總福利的影響從而對其是否違反公認(rèn)的商業(yè)道德進(jìn)行驗證。

本案中，《互聯(lián)網(wǎng)廣告管理暫行辦法》明確禁止被訴行為，說明主管機(jī)關(guān)已將此類行為認(rèn)定為違反公認(rèn)的商業(yè)道德。同時，反不正當(dāng)競爭法考慮的社會公共利益既包括消費者利益，也包括經(jīng)營者利益。而其中的經(jīng)營者，不僅包括本案雙方當(dāng)事人，也包括其他同業(yè)或相關(guān)經(jīng)營者。被訴行為雖看似有利于消費者，但其將對視頻網(wǎng)站的商業(yè)模式及生存空間造成嚴(yán)重影響，最終成本仍需消費者承擔(dān)。綜上，北京知識產(chǎn)權(quán)法院作出上述判決。

HTML 語法簡要總結(jié)

HTML基本語法

認(rèn)識網(wǎng)頁

網(wǎng)頁主要由文字、圖像和超鏈接等元素構(gòu)成。當(dāng)然，除了這些元素，網(wǎng)頁中還可以包含音頻、視頻以及Flash等。

常見瀏覽器內(nèi)核介紹

瀏覽器是網(wǎng)頁運行的平臺，常用的瀏覽器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我們平時稱為五大瀏覽器。

瀏覽器內(nèi)核（理解）

瀏覽器內(nèi)核又可以分成兩部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。
渲染引擎 它負(fù)責(zé)取得網(wǎng)頁的內(nèi)容（HTML、XML、圖像等等）、整理訊息（例如加入 CSS 等），以及計算網(wǎng)頁的顯示方式，然后會輸出至顯示器或打印機(jī)。瀏覽器的內(nèi)核的不同對于網(wǎng)頁的語法解釋會有不同，所以渲染的效果也不相同。
JS 引擎 則是解析 Javascript 語言，執(zhí)行 javascript語言來實現(xiàn)網(wǎng)頁的動態(tài)效果。

最開始渲染引擎和 JS 引擎并沒有區(qū)分的很明確，后來 JS 引擎越來越獨立，內(nèi)核就傾向于只指渲染引擎。有一個網(wǎng)頁標(biāo)準(zhǔn)計劃小組制作了一個 ACID 來測試引擎的兼容性和性能。內(nèi)核的種類很多，如加上沒什么人使用的非商業(yè)的免費內(nèi)核，可能會有10多種，但是常見的瀏覽器內(nèi)核可以分這四種：Trident、Gecko、Blink、Webkit。

（1）Trident(IE內(nèi)核)

國內(nèi)很多的雙核瀏覽器的其中一核便是 Trident，美其名曰 "兼容模式"。

代表： IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等。

Window10 發(fā)布后，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手機(jī)瀏覽器、Android 默認(rèn)瀏覽器，

（4） Chromium/Blink(chrome)

在 Chromium 項目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內(nèi)置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。

? 大部分國產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開發(fā)

（5） Presto(Opera)

Presto（已經(jīng)廢棄） 是挪威產(chǎn)瀏覽器 opera 的 "前任" 內(nèi)核，為何說是 "前任"，因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了。

移動端的瀏覽器內(nèi)核主要說的是系統(tǒng)內(nèi)置瀏覽器的內(nèi)核。

Android手機(jī)而言，使用率最高的就是Webkit內(nèi)核，大部分國產(chǎn)瀏覽器宣稱的自己的內(nèi)核，基本上也是屬于webkit二次開發(fā)。

iOS以及WP7平臺上，由于系統(tǒng)原因，系統(tǒng)大部分自帶瀏覽器內(nèi)核，一般是Safari或者IE內(nèi)核Trident的

Web標(biāo)準(zhǔn)（重點）

通過以上瀏覽器的內(nèi)核不同，我們知道他們工作原理、解析肯定不同，顯示就會有差別。

Web 標(biāo)準(zhǔn)的好處

1、讓W(xué)eb的發(fā)展前景更廣闊
2、內(nèi)容能被更廣泛的設(shè)備訪問
3、更容易被搜尋引擎搜索
4、降低網(wǎng)站流量費用
5、使網(wǎng)站更易于維護(hù)
6、提高頁面瀏覽速度

Web 標(biāo)準(zhǔn)構(gòu)成

Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。

主要包括結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）三個方面。

結(jié)構(gòu)標(biāo)準(zhǔn)：結(jié)構(gòu)用于對網(wǎng)頁元素進(jìn)行整理和分類，咱們主要學(xué)的是HTML。 最重要
表現(xiàn)標(biāo)準(zhǔn)：表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。
行為標(biāo)準(zhǔn)：行為是指網(wǎng)頁模型的定義及交互的編寫，咱們主要學(xué)的是

理想狀態(tài)我們的源碼： .HTML .css .js

HTML 初識

一般先學(xué)習(xí)HTML CSS， 這里我們先定一個小目標(biāo)，先學(xué)HTML,后學(xué)習(xí)CSS。

HTML（英文Hyper Text Markup Language的縮寫）中文譯為“超文本標(biāo)簽語言”。是用來描述網(wǎng)頁的一種語言。

所謂超文本，因為它可以加入圖片、聲音、動畫、多媒體等內(nèi)容，不僅如此，它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機(jī)的文件連接。

<h1> 我是一個大標(biāo)題 </h1>

注意： 體會 文本 標(biāo)簽 語言 幾個詞語

HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)

HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)

標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)

總結(jié)： HTML 作用就是用標(biāo)記標(biāo)簽來描述網(wǎng)頁，把網(wǎng)頁內(nèi)容在瀏覽器中展示出來。

用文字來描述網(wǎng)頁標(biāo)簽

HTML骨架格式

日常生活的書信，我們要遵循共同的約定。

同理：HTML 有自己的語言語法骨架格式：

<HTML> <head> <title></title> </head> <body> </body></HTML>

1 HTML標(biāo)簽：作用所有HTML中標(biāo)簽的一個根節(jié)點。 最大的標(biāo)簽 根標(biāo)簽2 head標(biāo)簽： 文檔的頭部文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。注意在head標(biāo)簽中我們必須要設(shè)置的標(biāo)簽是title3.title標(biāo)簽： 文檔的標(biāo)題作用：讓頁面擁有一個屬于自己的標(biāo)題。4.body標(biāo)簽：文檔的主體 以后我們的頁面內(nèi)容 基本都是放到body里面的body 元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。）

HTML標(biāo)簽分類

在HTML頁面中，帶有“< >”符號的元素被稱為HTML標(biāo)簽，如上面提到的 <HTML>、<head>、<body>都是HTML骨架結(jié)構(gòu)標(biāo)簽。所謂標(biāo)簽就是放在“< >” 標(biāo)簽符中表示某個功能的編碼命令，也稱為HTML標(biāo)簽或 HTML元素

1.雙標(biāo)簽

<標(biāo)簽名> 內(nèi)容 </標(biāo)簽名>

該語法中“<標(biāo)簽名>”表示該標(biāo)簽的作用開始，一般稱為“開始標(biāo)簽（start tag）”，“” 表示該標(biāo)簽的作用結(jié)束，一般稱為“結(jié)束標(biāo)簽（end tag）”。和開始標(biāo)簽相比，結(jié)束標(biāo)簽只是在前面加了一個關(guān)閉符“/”。

比如 <body>我是文字 </body>

2.單標(biāo)簽

<標(biāo)簽名 />

單標(biāo)簽也稱空標(biāo)簽，是指用一個標(biāo)簽符號即可完整地描述某個功能的標(biāo)簽。

比如 <br />

HTML標(biāo)簽關(guān)系

標(biāo)簽的相互關(guān)系就分為兩種：

1.嵌套關(guān)系

<head> <title> </title> </head>

2.并列關(guān)系

<head></head><body></body>

倡議： 如果兩個標(biāo)簽之間的關(guān)系是嵌套關(guān)系，子元素最好縮進(jìn)一個tab鍵的身位。如果是并列關(guān)系，最好上下對齊。

文檔類型<!DOCTYPE>

<!DOCTYPE html>

同學(xué)你用啥手機(jī)？你咋回答？

這句話就是告訴我們使用哪個html版本？ 我們使用的是 html 5 的版本。 html有很多版本，那我們應(yīng)該告訴用戶和瀏覽器我們使用的版本號。

<!DOCTYPE> 標(biāo)簽位于文檔的最前面，用于向瀏覽器說明當(dāng)前文檔使用哪種 HTML 或 XHTML 標(biāo)準(zhǔn)規(guī)范，必需在開頭處使用<!DOCTYPE>標(biāo)簽為所有的XHTML文檔指定XHTML版本和類型，只有這樣瀏覽器才能按指定的文檔類型進(jìn)行解析。

注意： 一些老網(wǎng)站可能用的還是老版本的文檔類型比如 XHTML之類的，但是我們學(xué)的是HTML5,而且HTML5的文檔類型兼容很好(向下兼容的原則)，所以大家放心的使用HTML5的文檔類型就好了。

字符集

utf-8是目前最常用的字符集編碼方式，常用的字符集編碼方式還有g(shù)bk和gb2312。

gb2312 簡單中文 包括6763個漢字

BIG5 繁體中文 港澳臺等用

GBK包含全部中文字符 是GB2312的擴(kuò)展，加入對繁體字的支持，兼容GB2312

UTF-8則包含全世界所有國家需要用到的字符

記住一點，以后我們統(tǒng)統(tǒng)使用UTF-8 字符集, 這樣就避免出現(xiàn)字符集不統(tǒng)一而引起亂碼的情況了。

HTML標(biāo)簽的語義化

白話： 所謂標(biāo)簽語義化，就是指標(biāo)簽的含義，使用做合適的標(biāo)簽做做合適的事，比如標(biāo)題用 h 標(biāo)簽而不是 div 標(biāo)簽。

為什么要有語義化標(biāo)簽

方便代碼的閱讀和維護(hù)

同時讓瀏覽器或是網(wǎng)絡(luò)爬蟲可以很好地解析，從而更好分析其中的內(nèi)容

使用語義化標(biāo)簽會具有更好地搜索引擎優(yōu)化

核心：合適的地方給一個最為合理的標(biāo)簽。

語義是否良好： 當(dāng)我們?nèi)サ鬋SS之后，網(wǎng)頁結(jié)構(gòu)依然組織有序，并且有良好的可讀性。

白話，一眼看去，就知道那個是重點，結(jié)構(gòu)是什么，知道每塊的內(nèi)容是干啥的。

遵循的原則：先確定語義的HTML ，再選合適的CSS。

HTML常用標(biāo)簽

首先 HTML和CSS是兩種完全不同的語言，我們學(xué)的是結(jié)構(gòu)，就只寫HTML標(biāo)簽，認(rèn)識標(biāo)簽就可以了。 不會再給結(jié)構(gòu)標(biāo)簽指定樣式了。

HTML標(biāo)簽有很多，這里我們學(xué)習(xí)最為常用的，后面有些較少用的，我們可以查下手冊就可以了。

排版標(biāo)簽

排版標(biāo)簽主要和css搭配使用，顯示網(wǎng)頁結(jié)構(gòu)的標(biāo)簽，是網(wǎng)頁布局最常用的標(biāo)簽。

標(biāo)題標(biāo)簽 (熟記)

單詞縮寫： head 頭部. 標(biāo)題 title 文檔標(biāo)題

為了使網(wǎng)頁更具有語義化，我們經(jīng)常會在頁面中用到標(biāo)題標(biāo)簽，HTML提供了6個等級的標(biāo)題，即

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

標(biāo)題標(biāo)簽語義： 作為標(biāo)題使用，并且依據(jù)重要性遞減

其基本語法格式如下：

<hn> 標(biāo)題文本 </hn>

注意： h1 標(biāo)簽因為重要，盡量少用，不要動不動就向你扔了一個h1。 一般h1 都是給logo使用，或者頁面中最重要標(biāo)題信息。

段落標(biāo)簽( 熟記)

單詞縮寫： paragraph 段落

在網(wǎng)頁中要把文字有條理地顯示出來，離不開段落標(biāo)簽，就如同我們平常寫文章一樣，整個網(wǎng)頁也可以分為若干個段落，而段落的標(biāo)簽就是

<p> 文本內(nèi)容 </p>

是HTML文檔中最常見的標(biāo)簽，默認(rèn)情況下，文本在一個段落中會根據(jù)瀏覽器窗口的大小自動換行。

水平線標(biāo)簽(認(rèn)識)

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

在網(wǎng)頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結(jié)構(gòu)清晰，層次分明。這些水平線可以通過插入圖片實現(xiàn)，也可以簡單地通過標(biāo)簽來完成，

就是創(chuàng)建橫跨網(wǎng)頁水平線的標(biāo)簽。其基本語法格式如下：

<hr />是單標(biāo)簽

在網(wǎng)頁中顯示默認(rèn)樣式的水平線。

換行標(biāo)簽(熟記)

單詞縮寫： break 打斷 ,換行

在HTML中，一個段落中的文字會從左到右依次排列，直到瀏覽器窗口的右端，然后自動換行。如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)簽

<br />

這時如果還像在word中直接敲回車鍵換行就不起作用了。

div span標(biāo)簽(重點)

div span 是沒有語義的 是我們網(wǎng)頁布局主要的2個盒子 css div

div 就是 division 的縮寫 分割， 分區(qū)的意思 其實有很多div 來組合網(wǎng)頁。

span, 跨度，跨距；范圍

語法格式：

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

文本格式化標(biāo)簽(熟記)

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

標(biāo)簽屬性

屬性就是特性 比如 手機(jī)的顏色 手機(jī)的尺寸 ，總結(jié)就是手機(jī)的。。

手機(jī)的顏色是黑色 手機(jī)的尺寸是 8寸

水平線的長度是 200

圖片的寬度 是 300 鍵 值對

使用HTML制作網(wǎng)頁時，如果想讓HTML標(biāo)簽提供更多的信息，可以使用HTML標(biāo)簽的屬性加以設(shè)置。其基本語法格式如下：

<標(biāo)簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內(nèi)容 </標(biāo)簽名>

在上面的語法中，

1.標(biāo)簽可以擁有多個屬性，必須寫在開始標(biāo)簽中，位于標(biāo)簽名后面。

2.屬性之間不分先后順序，標(biāo)簽名與屬性、屬性與屬性之間均以空格分開。

3.任何標(biāo)簽的屬性都有默認(rèn)值，省略該屬性則取默認(rèn)值。

采取 鍵值對 的格式 key="value" 的格式

比如:

<hr width="400" />

屬性 是 寬度

值 是 400

提倡： 盡量不使用 樣式屬性。

圖像標(biāo)簽img (重點)

單詞縮寫： image 圖像

HTML網(wǎng)頁中任何元素的實現(xiàn)都要依靠HTML標(biāo)簽，要想在網(wǎng)頁中顯示圖像就需要使用圖像標(biāo)簽，接下來將詳細(xì)介紹圖像標(biāo)簽以及和他相關(guān)的屬性。其基本語法格式如下：

該語法中src屬性用于指定圖像文件的路徑和文件名，他是img標(biāo)簽的必需屬性。

<img src="圖像URL" />

鏈接標(biāo)簽(重點)

單詞縮寫： anchor 的縮寫 [???k?(r)] 。基本解釋 錨, 鐵錨 的

在HTML中創(chuàng)建超鏈接非常簡單，只需用標(biāo)簽環(huán)繞需要被鏈接的對象即可，其基本語法格式如下：

<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>

href：用于指定鏈接目標(biāo)的url地址，當(dāng)為標(biāo)簽應(yīng)用href屬性時，它就具有了超鏈接的功能。 Hypertext Reference的縮寫。意思是超文本引用

target：用于指定鏈接頁面的打開方式，其取值有_self和_blank兩種，其中_self為默認(rèn)值，_blank為在新窗口中打開方式。

注意：

1.外部鏈接 需要添加 http:// www.baidu.com

2.內(nèi)部鏈接 直接鏈接內(nèi)部頁面名稱即可 比如 < a href="index.html"> 首頁

3.如果當(dāng)時沒有確定鏈接目標(biāo)時，通常將鏈接標(biāo)簽的href屬性值定義為“#”(即href="#")，表示該鏈接暫時為一個空鏈接。

4.不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁中各種網(wǎng)頁元素，如圖像、表格、音頻、視頻等都可以添加超鏈接。

錨點定位 （難點）

通過創(chuàng)建錨點鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容。
創(chuàng)建錨點鏈接分為兩步：

1.使用“a href=”#id名>“鏈接文本"</a>創(chuàng)建鏈接文本（被點擊的） <a href="#two"> 2.使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。 <h3 id="two">第2集</h3>

base 標(biāo)簽 基本的

base 可以設(shè)置整體鏈接的打開狀態(tài)

base 寫到 <head> </head> 之間

把所有的連接 都默認(rèn)添加 target="_blank"

特殊字符標(biāo)簽 （理解）

注釋標(biāo)簽

在HTML中還有一種特殊的標(biāo)簽——注釋標(biāo)簽。如果需要在HTML文檔中添加一些便于閱讀和理解但又不需要顯示在頁面中的注釋文字，就需要使用注釋標(biāo)簽。其基本語法格式如下：
?

<!-- 注釋語句 --> ctrl / 或者 ctrl shift /

注釋內(nèi)容不會顯示在瀏覽器窗口中，但是作為HTML文檔內(nèi)容的一部分，也會被下載到用戶的計算機(jī)上，查看源代碼時就可以看到。

路徑(重點、難點)

實際工作中，通常新建一個文件夾專門用于存放圖像文件，這時再插入圖像，就需要采用“路徑”的方式來指定圖像文件的位置。

路徑可以分為： 相對路徑和絕對路徑

相對路徑

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

圖像文件和HTML文件位于同一文件夾：只需輸入圖像文件的名稱即可，如<img src="logo.gif" />。

圖像文件位于HTML文件的下一級文件夾：輸入文件夾名和文件名，之間用“/”隔開，如<img src="img/img01/logo.gif" />。

圖像文件位于HTML文件的上一級文件夾：在文件名之前加入“../” ，如果是上兩級，則需要使用 “../ ../”，以此類推，如<img src="../logo.gif" />。絕對路徑

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

“D:webimglogo.gif”，或完整的網(wǎng)絡(luò)地址，例如
“http://www.itcast.cn/images/logo.gif”

列表標(biāo)簽

無序列表 ul （重點）

無序列表的各個列表項之間沒有順序級別之分，是并列的。其基本語法格式如下：

<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> ......</ul>

比如下面這些，新聞是沒有順序的，不用排隊，先到先得，后發(fā)布先顯示。

1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當(dāng)于一個容器，可以容納所有元素。 3. 無序列表會帶有自己樣式屬性，放下那個樣式，一會讓CSS來！

有序列表 ol （了解）

有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義，有序列表的基本語法格式如下：

<ol> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> ......</ol>

所有特性基本與ul 一致。

自定義列表（理解）

定義列表常用于對術(shù)語或名詞進(jìn)行解釋和描述，定義列表的列表項前沒有任何項目符號。其基本語法如下：

<dl> <dt>名詞1</dt> <dd>名詞1解釋1</dd> <dd>名詞1解釋2</dd> ... <dt>名詞2</dt> <dd>名詞2解釋1</dd> <dd>名詞2解釋2</dd> ...</dl>

表格 table(會使用)

創(chuàng)建表格

在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。創(chuàng)建表格的基本語法格式如下：

<table> <tr> <td>單元格內(nèi)的文字</td> ... </tr> ...</table>

在上面的語法中包含三對HTML標(biāo)簽，分別為 <table></table>、<tr></tr>、<td></td>，他們是創(chuàng)建表格的基本標(biāo)簽，缺一不可，下面對他們進(jìn)行具體地解釋

1.table用于定義一個表格。2.tr 用于定義表格中的一行，必須嵌套在 table標(biāo)簽中，在 table中包含幾對 tr，就有幾行表格。3.td /td：用于定義表格中的單元格，必須嵌套在<tr></tr>標(biāo)簽中，一對 <tr> </tr>中包含幾對<td></td>，就表示該行中有多少列（或多少個單元格）。

注意：

1. <tr></tr>中只能嵌套<td></td>

2. <td></td>標(biāo)簽，他就像一個容器，可以容納所有的元素

表格屬性

三參為0
即：border cellpadding cellspacing 為 0

表頭標(biāo)簽

表頭單元格一般位于表格的第一行或第一列，其文本加粗居中，如下圖所示，即為設(shè)置了表頭的表格。設(shè)置表頭非常簡單，只需用表頭標(biāo)簽<th></th>替代相應(yīng)的單元格標(biāo)簽<td></td>即可。

表格結(jié)構(gòu)

在使用表格進(jìn)行布局時，可以將表格劃分為頭部、主體和頁腳（頁腳因為有兼容性問題，我們不在贅述），具體 如下所示：

<thead></thead>：用于定義表格的頭部。

必須位于<table></table> 標(biāo)簽中，一般包含網(wǎng)頁的logo和導(dǎo)航等頭部信息。

<tbody></tbody>：用于定義表格的主體。

位于<table></table>標(biāo)簽中，一般包含網(wǎng)頁中除頭部和底部之外的其他內(nèi)容。

表格標(biāo)題

表格的標(biāo)題： caption

定義和用法

caption 元素定義表格標(biāo)題。

<table> <caption>我是表格標(biāo)題</caption></table>

caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后。

只存在 表格里面

您只能對每個表格定義一個標(biāo)題。通常這個標(biāo)題會被居中于表格之上。

合并單元格

跨行合并：rowspan 跨列合并：colspan

合并單元格的思想：

? 將多個內(nèi)容合并的時候，就會有多余的東西，把它刪除。 例如 把 3個 td 合并成一個， 那就多余了2個，需要刪除。

? 公式： 刪除的個數(shù) = 合并的個數(shù) - 1

合并的順序 先上 后下 先左 后右

先確定是跨行還是跨列合并

根據(jù) 先上 后下 先左 后右的原則找到目標(biāo)單元格

刪除單元格 刪除的個數(shù) = 合并的個數(shù) - 1

總結(jié)表格

表格提供了HTML 中定義表格式數(shù)據(jù)的方法。

表格中由行中的單元格組成。

表格中沒有列元素，列的個數(shù)取決于行的單元格個數(shù)。

表格不要糾結(jié)于外觀，那是CSS 的作用。

表單標(biāo)簽(掌握)

表單目的是為了收集用戶信息。

在我們網(wǎng)頁中， 我們也需要跟用戶進(jìn)行交互，收集用戶資料，此時也需要表單。

在HTML中，一個完整的表單通常由表單控件（也稱為表單元素）、提示信息和表單域3個部分構(gòu)成。

表單控件：

? 包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、復(fù)選框、提交按鈕、重置按鈕等。

提示信息：

? 一個表單中通常還需要包含一些說明性的文字，提示用戶進(jìn)行填寫和操作。

表單域：

? 他相當(dāng)于一個容器，用來容納所有的表單控件和提示信息，可以通過他定義處理表單數(shù)據(jù)所用程序的url地址，以及數(shù)據(jù)提交到服務(wù)器的方法。如果不定義表單域，表單中的數(shù)據(jù)就無法傳送到后臺服務(wù)器。

input 控件(重點)

input 輸入的意思

在上面的語法中，<input />標(biāo)簽為單標(biāo)簽，type屬性為其最基本的屬性 類型 ，其取值有多種，用于指定不同的控件類型。除了type屬性之外，<input />標(biāo)簽還可以定義很多其他的屬性，其常用屬性如下表所示。

type 說明了屬于那種表單

radio 如果是一組，我們必須給他們命名相同的名字 name 這樣就可以多個選其中的一個啦

label標(biāo)簽(理解)

label 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)簽）。

table

作用： 用于綁定一個表單元素, 當(dāng)點擊label標(biāo)簽的時候, 被綁定的表單元素就會獲得輸入焦點

如何綁定元素呢？

for 屬性規(guī)定 label 與哪個表單元素綁定。

<label for="male">Male</label><input type="radio" name="sex" id="male" value="male">

textarea控件(文本域)

text 文本框 只能寫一行文本呢

textarea 文本域

如果需要輸入大量的信息，就需要用到<textarea></textarea>標(biāo)簽。通過textarea控件可以輕松地創(chuàng)建多行文本輸入框，其基本語法格式如下：

<textarea cols="每行中的字符數(shù)" rows="顯示的行數(shù)"> 文本內(nèi)容</textarea>

下拉菜單

使用select控件定義下拉菜單的基本語法格式如下 select 選擇

<select> <option>選項1</option> <option>選項2</option> <option>選項3</option> ...</select>

注意：

<select></select>中至少應(yīng)包含一對<option></option>。

在option 中定義selected =" selected "時，當(dāng)前項即為默認(rèn)選中項。

表單域

在HTML中，form標(biāo)簽被用于定義表單域，即創(chuàng)建一個表單，以實現(xiàn)用戶信息的收集和傳遞，form中的所有內(nèi)容都會被提交給服務(wù)器。創(chuàng)建表單的基本語法格式如下：

<form action="url地址" method="提交方式" name="表單名稱"> 各種表單控件</form>

常用屬性：

Action
在表單收集到信息后，需要將信息傳遞給服務(wù)器進(jìn)行處理，action屬性用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址。

method
用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或post。

name
用于指定表單的名稱，以區(qū)分同一個頁面中的多個表單。

2016瀏覽器內(nèi)核css前綴大全

1.css前綴為"-moz-"的瀏覽器：

火狐瀏覽器

2.css前綴為"-webkit-" 的瀏覽器：

谷歌瀏覽器,蘋果瀏覽器, Comodo Drangon(科摩多龍)，搜狗高速瀏覽器，快快瀏覽器，楓樹瀏覽器，云游瀏覽器，360極速瀏覽器，世界之窗極速版，SRWare Iron，獵豹瀏覽器，RockMelt，QQ瀏覽器

3.css前綴為"-o-"的瀏覽器：

Opera(歐朋),NDSBrowser

4.css前綴為"-ms-"的瀏覽器：

IE,獵豹安全瀏覽器，傲游瀏覽器，百度瀏覽器，世界之窗瀏覽器，2345瀏覽器，騰訊TT，淘寶瀏覽器，采編讀瀏覽器，阿云瀏覽器，瑞星安全瀏覽器，Slim Browser，GreenBrowser、愛帆瀏覽器，115瀏覽器，155瀏覽器，114瀏覽器，N氧化碳瀏覽器，糖果瀏覽器，彩虹瀏覽器，瑞影瀏覽器，勇者無疆瀏覽器，閃游瀏覽器，螞蟻瀏覽 器，飛騰瀏覽器，速達(dá)瀏覽器，佐羅瀏覽器，UC瀏覽器

除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉(zhuǎn)載請保留本文地址！