資訊專欄INFORMATION COLUMN
摘要：行內(nèi)元素特征設(shè)置寬高屬性無效設(shè)置僅左右水平方向有效，上下垂直無效設(shè)置上下左右都有效內(nèi)容不會自動進(jìn)行換行行內(nèi)塊元素行內(nèi)塊元素綜合了兩者的特征，各有取舍，可以對任意元素進(jìn)行屬性設(shè)置。
文章大綱來源：【Day 1】HTML & HTML 5
標(biāo)記語言
XHTML/HTML/HTML 5異同
了解doctype
HTML
HTML 5
標(biāo)記語言標(biāo)記語言(ML)即 Markup Language，可以準(zhǔn)確定義數(shù)據(jù)信息本身以及和數(shù)據(jù)相關(guān)的信息。
其中標(biāo)記(markup)這個詞，來源于傳統(tǒng)出版業(yè)的“標(biāo)記”手稿，也就是在原稿邊緣加注一些符號來指示打印上的要求（字體段落的要求）。
在這個例子中，原稿本身就是數(shù)據(jù)信息，加注的指示就是和數(shù)據(jù)相關(guān)的信息。
HTML/XHTML/HTML 5異同 HTML 簡述HTML 是超文本標(biāo)記語言 (HyperType Markup Language) 的簡稱，HTML是用來描述網(wǎng)頁的一種語言。
XHTML 簡述XHTML 是可擴展超文本標(biāo)簽語言 (EXtensible HyperText Markup Language)的簡稱， XHTML 的目標(biāo)是用規(guī)范化語法結(jié)構(gòu)來取代 HTML ，以 XML 為根本重構(gòu)了 HTML 4.01 。
HTML 5 簡述HTML 5 的設(shè)計目的是為了在移動設(shè)備上支持多媒體。
新的語法特性被引進(jìn)以支持這一點，如video、audio和canvas標(biāo)記 (tag) 。
HTML 5 將會取代1999年制定的 HTML 4.01、XHTML 1.0 標(biāo)準(zhǔn)。
三者異同點HTML 5 和 XHTML 是老版 HTML 的替代
HTML 5 主要用來在移動設(shè)備上支持多媒體
XHTML 為了用來嚴(yán)格規(guī)范語法結(jié)構(gòu)
HTML/XHTML/HTML 5 僅僅是版本不同
目前 HTML 5 是主流
原文引用：
HTML、XML、XHTML和HTML 5的異同
拓展閱讀：
英文原文: Jeremy Keith | The Design of HTML 5
翻譯：Web的真諦：HTML 5到底是什么意思？
原演講視頻：Jeremy Keith | The Design of HTML 5 | Fronteers 2010
doctype聲明幫助瀏覽器正確地顯示網(wǎng)頁。
不是 HTML 標(biāo)簽。它為瀏覽器提供一項信息（聲明），即 HTML 是用什么版本編寫的。
HTML 5 聲明：
HTML 4.01 聲明：
XHTML 1.0 聲明：
內(nèi)容引用：HTML
HTML 基本格式標(biāo)準(zhǔn)的HTML 5文檔的格式：
Title Tag
內(nèi)容引用：HTML 5的基本格式
塊級(block)元素塊級元素最常使用的是div，其他的還有hX、p、nav、aside、header、footer、section、article、ul-li、address等等，也可以對任意元素進(jìn)行display:block屬性設(shè)置。
塊級元素特征：
設(shè)置寬高屬性有效
margin、padding上下左右（水平垂直）均有效
內(nèi)容會自動進(jìn)行換行
多個塊狀元素標(biāo)簽寫在一起，默認(rèn)排序從上到下
行內(nèi)(inline)元素行內(nèi)元素最常使用的是span，其他的還有a、code、i、img、input、textarea等等，也可以對任意元素進(jìn)行display:inline屬性設(shè)置。
行內(nèi)元素特征：
設(shè)置寬高屬性無效
margin設(shè)置僅左右（水平）方向有效，上下（垂直）無效
padding設(shè)置上下左右都有效
內(nèi)容不會自動進(jìn)行換行
行內(nèi)塊(inline-block)元素行內(nèi)塊元素綜合了兩者的特征，各有取舍，可以對任意元素進(jìn)行display:inline-block屬性設(shè)置。
行內(nèi)塊元素特征：
內(nèi)容不會自動進(jìn)行換行
能夠識別寬高
多個行內(nèi)塊元素默認(rèn)排列方式從左到右
HTML tag也不用每個都詳細(xì)說一下，后面有時間的話開一個專題挑幾個常用的出來詳細(xì)說一下。
HTML 參考手冊
語義化語義化的含義就是用正確的標(biāo)簽做正確的事情。
HTML語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于瀏覽器、搜索引擎（機器）理解解析，利于SEO。
內(nèi)容引用：前端工程師手冊-HTML語義化
script/style/link
script元素既可以包含腳本語句（如上），也可以通過src屬性指向外部腳本文件：
標(biāo)簽定義文檔與外部資源的關(guān)系，常見的用途是連接樣式表，在 HTML 中， 標(biāo)簽沒有結(jié)束標(biāo)簽。
HTML 5
初期需要了解內(nèi)容：
新便簽在各瀏覽器的兼容情況
與媒體相關(guān)的標(biāo)簽
HTML 5 API
Canvas
在后面涉及到的時候再開專題進(jìn)行介紹。
個人靜態(tài)博客：
氣泡的前端日記： https://rheabubbles.github.io
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/53653.html
摘要：絕對長度單位視輸出介質(zhì)而定，不依賴于環(huán)境顯示器分辨率操作系統(tǒng)等。個人靜態(tài)博客氣泡的前端日記 文章大綱來源：【Day 5】CSS 高級 CSS 選擇器 CSS 拓展 CSS 單位 CSS 參考手冊 CSS 選擇器 內(nèi)容引用：CSS 選擇器 元素選擇器 html { ... } 選擇器分組 h2, p { ... } 類選擇器 .important { ... } p.warning ...
摘要：標(biāo)簽定義表單表單元素表單包含表單元素。沃爾沃馬自達(dá)雪佛蘭奧迪定義待選擇的選項，列表通常會默認(rèn)選擇第一個選項，可以使用屬性來定義預(yù)定義選項。馬自達(dá)定義多行輸入字段。屬性規(guī)定輸入字段允許的最大長度。內(nèi)容連接類型個人靜態(tài)博客氣泡的前端日記 文章大綱來源：【Day 2】Form表單 HTML表單 表單元素 表單屬性 HTML5追加的表單元素 HTML表單 HTML 表單用于搜集不同類型的用...
摘要：派生選擇器依據(jù)元素的位置關(guān)系來定義樣式。稱其為上下文選擇器，稱其為派生選擇器。在現(xiàn)在布局中，選擇器常常用于建立派生選擇器。和一樣，也可被用作派生選擇器。 文章大綱來源：【Day 3】HTML復(fù)習(xí) + CSS基礎(chǔ) 初識CSS 入門CSS 初識CSS 層疊樣式表（Cascading Style Sheets），即前端常說的CSS。 內(nèi)容引用：CSS 簡介 樣式解決了什么問題？ HTML...
閱讀 2967·2021-11-11 16:55
閱讀 529·2021-09-27 13:36
閱讀 1104·2021-09-22 15:35
閱讀 2929·2019-08-30 12:46
閱讀 3137·2019-08-26 17:02
閱讀 1839·2019-08-26 11:56
閱讀 1305·2019-08-26 11:47
閱讀 434·2019-08-23 17:01
