ife 零基礎學院 day 2
第二天：給自己做一個在線簡歷吧
最後的驗證，提出了幾個問題，嘗試解答一下
HTML是什麽，HTML5是什麽
HTML的定義摘抄自w3school的HTML 簡介
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (
HyperTextMarkupLanguage)- HTML 不是一種編程語言，而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML5的定義也摘抄自w3school的HTML 5 簡介
HTML5是下一代的HTML，一個新版本的HTML。
HTML5 的一些規則：
- 新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
- 減少對外部插件的需求（比如 Flash）
- 更優秀的錯誤處理
- 更多取代腳本的標記
- HTML5 應該獨立於設備
- 開發進程應對公眾透明
新特性
HTML5 中的一些有趣的新特性：
- 用於繪畫的 canvas 元素
- 用於媒介回放的 video 和 audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內容元素，比如 article、footer、header、nav、section
- 新的表單控件，比如 calendar、date、time、email、url、search
瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
HTML元素、標簽、屬性都是什麽概念？
摘抄自HTML簡介
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關鍵詞，比如
<html>- HTML 標簽通常是成對出現的，比如
<b>和</b>- 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
- 開始和結束標簽也被稱為開放標簽和閉合標簽
摘抄自HTML 元素
HTML 元素
HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。
摘抄自HTML 屬性
屬性為 HTML 元素提供附加信息。
HTML 屬性
HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name="value"。
屬性總是在 HTML 元素的開始標簽中規定。
文檔類型是什麽概念，起什麽作用？
摘抄自HTML <!DOCTYPE>
概念：
它為瀏覽器提供一項信息（聲明），即 HTML 是用什麽版本編寫的。
作用：
聲明幫助瀏覽器正確地顯示網頁。
HTML 也有多個不同的版本，只有完全明白頁面中使用的確切 HTML 版本，瀏覽器才能完全正確地顯示出 HTML 頁面。
meta標簽都用來做什麽的？
摘抄自HTML <meta> 標簽
定義和用法
<meta>元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta>標簽位於文檔的頭部，不包含任何內容。<meta>標簽的屬性定義了與文檔相關聯的名稱/值對。
Web語義化是什麽，是為了解決什麽問題
Web語義化是指使HTML元素有更清晰的語義，例如HTML5的新增內容元素article、footer、header、nav、section。
顧軼靈關於“如何理解 Web 語義化？”的回答提到
什麽是語義化？其實簡單說來就是讓機器可以讀懂內容。
摘自維基百科的詞條語義化
語義化是前端開發裏面的一個專用術語，其優點在於標簽語義化有助於構架良好的html結構，有利於搜索引擎的建立索引、抓取；另外，亦有利於頁面在不同的設備上顯示盡可能相同；此外，亦有利於構建清晰的機構，有利於團隊的開發、維護。
從上述的文字中，對語義化解決什麽問題，可以簡單表述：
- 使html結構更有序和清晰
- 利於搜索引擎索引和抓取
- 利於不同設備的顯示
- 利於團隊開發和維護
鏈接是什麽概念，對應什麽標簽？
摘抄自HTML 鏈接
超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。
我們通過使用<a>標簽在 HTML 中創建鏈接。
有兩種使用<a>標簽的方式：
1.通過使用 href 屬性 - 創建指向另一個文檔的鏈接
2.通過使用 name 屬性 - 創建文檔內的書簽
常用標簽都有哪些，都適合用在什麽場景
HTML 參考手冊-標簽列表（功能排序）
表單標簽都有哪些，對應著什麽功能，都有哪些屬性
摘抄自http://www.w3school.com.cn/tags/html_ref_byfunc.asp
表單
標簽 描述 <form>定義供用戶輸入的 HTML 表單。 <input>定義輸入控件。 <textarea>定義多行的文本輸入控件。 <button>定義按鈕。 <select>定義選擇列表（下拉列表）。 <optgroup>定義選擇列表中相關選項的組合。 <option>定義選擇列表中的選項。 <label>定義 input 元素的標註。 <fieldset>定義圍繞表單中元素的邊框。 <legend>定義 fieldset 元素的標題。 <isindex>不贊成使用。定義與文檔相關的可搜索索引。 <datalist>定義下拉列表。 <keygen>定義生成密鑰。 <output>定義輸出的一些類型。
表單屬性請查看http://www.w3school.com.cn/html/html_form_attributes.asp
ol, ul, li, dl, dd, dt等這些標簽都適合用在什麽地方，舉個例子
參考自HTML 列表
無序列表始於
<ul>標簽。每個列表項始於<li>。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>顯示如下
- Coffee
- Milk
有序列表始於
<ol>標簽。每個列表項始於<li>標簽。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>顯示如下：
- Coffee
- Milk
自定義列表以
<dl>標簽開始。每個自定義列表項以<dt>開始。每個自定義列表項的定義以<dd>開始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>顯示如下：
Coffee
Black hot drink
Milk
White cold drink
ife 零基礎學院 day 2