HTML簡介

想要製做出好看又高大上的網頁，第一步就是要編寫HTML文件。HTML英文全稱HyperText Markup Language，即超文本標記語言。顧名思義，HTML是一種標記語言，它的做用是定義一個網頁的結構，隨着HTML的普遍使用，爲了使其更加標準規範，W3C組織出現了。

1.W3C簡介

W3C（World Wide Web Consortium，萬維網聯盟）是萬維網之父 Sir Timothy John Berners-Lee 於1994年成立的。

爲解決網絡應用中不一樣平臺、技術和開發者帶來的不兼容問題，保障網絡信息的順利和完整流通，萬維網聯盟制定了一系列標準並督促網絡應用開發者和內容提供者遵循這些標準。標準的內容包括使用語言的規範，開發中使用的導則和解釋引擎的行爲等等。而W3C 最重要的工做是發展 Web 規範（稱爲推薦，Recommendations），這些規範描述了 Web 的通訊協議（好比 HTML 和 XHTML）和其餘的構建模塊。

所以，咱們能夠在W3C的官方網站上查看HTML的標準規範文檔。

---

2.MDN簡介

W3C爲了嚴謹表述，其官方規範文檔冗長複雜，並且只有英文版，這對全球各國的開發者來講看懂其未必都是一件易事。因而MDN出現了。

MDN（Mozilla Developer Network），Mozilla 開發者社區，是一個完整的學習平臺，聚集了衆多Mozilla基金會產品和網絡技術開發文檔。MDN提供了一種簡潔的文檔形式，而且保證了內容的嚴謹性和正確性，能夠把它做爲查閱文檔的一個有力的工具。

---

3.HTML

HTML由一系列的元素（elements）所組成，這些元素能夠用來封裝、包裝或標記內容的不一樣部分，使其以某種方式顯示，或以某種方式執行。

空標籤

在HTML標籤中，尖括號老是成對存在的，即有開始標籤如，有結束標籤,且絕大部分HTML標籤在開始與結束標籤之間還能夠加入具體內容。

可是並非全部的元素都有開始標籤、具體內容以及結束標籤的。因爲HTML元素的內容是開始標籤與結束標籤之間的內容。而某些HTML元素具備空內容。那些含有空內容的HTML元素，就是空標籤。空標籤是在開始標籤中關閉的，常見的空標籤有：<area>、<base>、
、<col>、<colgroup> (when the span is present)、<embed>、<img>、<input>、<link>、<meta>、<param>、<source>、<track>、<wbr>等。

例如：

<img src="xxxxx/xxxxx.png" alt="test image">

img包含了兩個屬性，src和alt，可是它並無閉合標籤，也沒含有具體內容，因此它就是咱們所說的空標籤，其做用是向其所在的位置嵌入一個圖像。

可替換標籤

CSS中，可替換元素（replaced element）的樣式展示不是由CSS來控制的。這些元素是一類外觀渲染獨立於CSS的外部對象。典型的可替換元素有 <img>、 <object>、 <video> 和表單元素<textarea>、<input>等 。某些元素只在一些特殊狀況下表現爲可替換元素，例如 <audio> 和 <canvas> 。 經過 CSS的 content 屬性來插入的對象被稱做匿名可替換元素（anonymous replaced elements）。CSS在某些狀況下會對可替換元素作特殊處理，好比計算外邊距和一些auto值。