ife 零基礎學院 day 2

時間 2019-11-24

標籤 ife 零基礎學院 day 简体版

原文原文鏈接

次日：給本身作一個在線簡歷吧
最後的驗證，提出了幾個問題，嘗試解答一下
html

HTML是什麼，HTML5是什麼

HTML的定義摘抄自w3school的HTML 簡介前端

HTML 是用來描述網頁的一種語言。html5

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

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

標記語言是一套標記標籤 (markup tag)

HTML 使用標記標籤來描述網頁

HTML5的定義也摘抄自w3school的HTML 5 簡介web

HTML5是下一代的HTML，一個新版本的HTML。
HTML5 的一些規則：編程

新特性應該基於 HTML、CSS、DOM 以及 JavaScript。

減小對外部插件的需求（好比 Flash）

更優秀的錯誤處理

更多取代腳本的標記

HTML5 應該獨立於設備

開發進程應對公衆透明

新特性
HTML5 中的一些有趣的新特性：canvas

用於繪畫的 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)。ide

HTML 標籤是由尖括號包圍的關鍵詞，好比 <html>

HTML 標籤一般是成對出現的，好比 <b> 和 </b>

標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤

開始和結束標籤也被稱爲開放標籤和閉合標籤

摘抄自HTML 元素搜索引擎

HTML 元素
HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的全部代碼。

摘抄自HTML 屬性

屬性爲 HTML 元素提供附加信息。

HTML 屬性
HTML 標籤能夠擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性老是以名稱/值對的形式出現，好比：name="value"。
屬性老是在 HTML 元素的開始標籤中規定。

文檔類型是什麼概念，起什麼做用？

摘抄自HTML <!DOCTYPE>
概念：

它爲瀏覽器提供一項信息（聲明），即 HTML 是用什麼版本編寫的。

做用：

<!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。
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> 定義輸出的一些類型。

標籤	描述
`<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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。