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