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