HTML基礎常識

什麼是HTML?

超文本標記語言,用來製做網頁
瀏覽器常識:
  • 常見瀏覽器:

    谷歌(Chrome)、蘋果(Safari) 、 IE(Edge)、歐朋(Opera)、火狐(Firefox)html

  • 瀏覽器內核:瀏覽器內核能夠分紅兩部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎
    • 渲染引擎:負責取得網頁的內容(HTML、XML、圖像等)整理訊息(加入CSS)、計算網頁的顯示方式,負責對網頁語法的解釋
    • JS引擎:解析JavaScript語言,執行JavaScript語言來實現網頁的動態效果。
渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。不一樣的瀏覽器內核對網頁編寫語法的解釋也有不一樣,所以同一網頁在不一樣的內核的瀏覽器裏的渲染(顯示)效果也可能不一樣,這也是網頁編寫者須要在不一樣內核的瀏覽器中測試網頁顯示效果的緣由。
  • 常見內核(渲染引擎):
  • Blink谷歌(Chrome)內核,剛開始用Safari內核(webkit)2013年4月3日脫離,Blink實際上也是webkit的分支,在原有基礎上增強而已,大部分國產瀏覽器都採用 Blink內核
  • Gecko火狐(Firefox)內核,和flash搭配使用
  • TridentIE(現爲Edge)內核,國內不少雙核瀏覽器其中一核就是Trident(兼容)例如:360極速瀏覽器谷歌內核與IE內核
  • Webkit/chromium:Safari內核,蘋果家族標配,還有遨遊瀏覽器3,Symbian 手機瀏覽器,Android 默認瀏覽器都是webkit
  • Presto:歐朋(Opera)內核,挪威產,現使用谷歌瀏覽器內核
  • Web標準:
    • 優勢:
        1. 讓web的發展前景更加廣闊
        2. 內容能被更普遍的設備訪問
        3. 更容易被搜索引擎搜索
        4. 下降網站流量費用
        5. 使網站更易於維護
        6. 提升頁面的瀏覽速度
  • web標準構成:
web標準不是某一個標準,二十由W3C和其餘標準化組織制定的一系列標準的集合。主要包括結構(Structure)、表現(Presentation)和行爲(Behavior)三個方面。
        1. 結構標準:結構用於對網頁元素進行整理 和分類,主要包括XML和XHTML兩個部分。使內容更有邏輯性。
        2. 樣式標準:表現用於設置網頁元素的板式、顏色、大小、等外觀樣式,主要指 CSS。用於修飾內容的樣式
        3. 行爲標準:行爲是指網頁模型的定義和交互的編寫,主要包括DOM和ECMAScript兩個部分。內容的交互及操做效果。

HTML的基本結構

1.聲明文檔 :<!Doctype html>
2.html標籤:網頁中最大的標籤,全部內容和設置都要放在這中間
  • head頭:頁面的相關設置,編碼格式,標題等
  • body體:顯示頁面當中的內容

HTML的語法結構和規範

  1. 標籤的組成:<開始標籤>內容</結束標籤>
  2. 語法規範:標籤必須都用小寫,屬性的值通常都用雙引號包起來(遵循規範)
相關文章
相關標籤/搜索