HTML5學習第3篇-HTML5的前世今生和設計理念
引言
想要深入的瞭解一個人就必須要知道這個人的過往經歷和成長背景，因為是這些經歷的疊加成就了這個人現在的樣子。就像樑寧老師說的，一個人所表現出的樣子就是這個人過往經歷的疊加。學技術也一樣，想深入的瞭解一門技術也需要知道技術的前世今生和設計理念。知道這些才知道語言真正的生命力，知道語言的背後是哪些人在為其付出努力，是不是你認可的模式。
以下分享個人學習的總結圖：
HTML5的前世和今生
說說它的背景和來頭，直接上圖：
HTML5的設計理念
說說設計理念符不符合你的三觀，依然上圖：
HTML5的新特性
看看它的新特性有沒有驚豔到你的點，繼續上圖：
我是一個30歲小白，起步也有點晚，只有持續的堅持，不斷的輸入並強制輸出才有自己的立足之地。
參考書：《HTML5+CSS3 從入門到精通》
相關推薦
HTML5學習第3篇-HTML5的前世今生和設計理念
引言 想要深入的瞭解一個人就必須要知道這個人的過往經歷和成長背景，因為是這些經歷的疊加成就了這個人現在的樣子。就像樑寧老師說的，一個人所表現出的樣子就是這個人過往經歷的疊加。學技術也一樣，想深入的瞭解一門技術也需要知道技術的前世今生和設計理念。知道這些才知道語言真正的生命力，知道語言的背
HTML5學習第4篇——HTML5元素分類及各元素簡介
HTML5元素分類 html5元素分類圖： 1.結構性元素 article與section 元素名稱 元素釋義 特點 article 用來表示文件、頁面中
HTML5學習第8篇——FileReader
1、簡介 FileReader 物件允許Web應用程式非同步讀取儲存在使用者計算機上的檔案（或原始資料緩衝區）的內容，使用 File 或 Blob 物件指定要讀取的檔案或資料。 其中File物件可以是來自使用者在一個<input>
HTML5學習第7篇—自定義屬性data-*
html5中的自定義屬性，以data-開頭，可以通過html5提供的api獲取 示例1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
HTML5學習第6篇—video：自己實現video的播放控制元件（新增樣式版）
本篇部落格接著上一篇文章，實現了一個帶樣式的video播放控制元件，程式碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
HTML5學習第5篇—viedo：自己實現viedo的播放控制元件（簡版）
最近正在學習html5新增的媒體元素video，為了能夠更熟悉video的屬性、方法和事件，決定自己實現一下video的播放控制元件，因為是初學，只是寫了個簡版。程式碼如下： <!DOCTYPE html> <html lang="en
HTML5學習第2篇——hack 技術
hack技術 主要解決的問題 hack技術主要解決瀏覽器顯示相容性問題。因為不同瀏覽器或相同瀏覽器的不同版本對CSS 解析機制不同，導致頁面的顯示效果不相同。為了更好的使用者體驗需要網頁能夠在不同的瀏覽器上正常顯示。 應用場景 1. HTML5和CSS3的支援 案例：IE
HTML5學習第1篇——簡介
HTML5學習第一篇 HTML5簡介 定義 設計目的 優缺點 優點 缺點 新特性 瀏覽器支援 HTML5簡介 定義 HTML5是HTML最新的修訂版
HTML5學習第17篇——非零環繞
1、非零環繞原則 非零環繞原則： 如果需要判斷某一個區域是否需要填充顏色，就從該區域中隨機的選取一個點。從這個點拉一條直線出來, 一定要拉到圖形的外面. 此時以該點為圓心。看穿過拉出的直線的線段， 如果是順時針方向就記為 +1, 如果是 逆時針方向，就記為 -1。最
機器學習 第3篇：資料預處理（使用插補法處理缺失值）
插補法可以在一定程度上減少偏差，常用的插補法是熱卡插補、擬合插補和多重插補。擬合插補，要求變數間存在強的相關性；多重插補（MCMC法），是在高缺失率下的首選插補方法，優點是考慮了缺失值的不確定性。 一，熱卡插補 熱卡填充（Hot deck imputation）也叫就近補齊，對於一個包含空值的物件，熱卡填充法
MyBatis學習——第四篇（攔截器和攔截器分頁實現）
MyBatis架構體圖 1：mybatis核心物件 從MyBatis程式碼實現的角度來看，MyBatis的主要的核心部件有以下幾個： SqlSession &n
Python 語言學習 第六篇：迭代和解析
Python 語言學習 第六篇：迭代和解析 Python中的迭代是指按照元素的順序逐個呼叫的過程，迭代概念包括：迭代協議、可迭代物件和迭代器三個概念。 迭代協議是指有__next__()函式的物件會前進到下一個結果，而到達系列的末尾時，則會引發StopIteration異常。為了支援迭代協議
NumPy 學習 第三篇：向量化和廣播
向量化 向量化是指用陣列表示式替換顯式的for迴圈，在Python中迴圈陣列或其他跟陣列類似的資料結構時，使用迴圈會涉及很多開銷。NumPy中的向量化操作把內部迴圈委託給高度優化的C和Fortran函式，從而實現更清晰，更快速的Python程式碼。 向量化是NumPy中的一種強大功能，可以把操作表達為&l
深入理解javascript選擇器API系列第三篇——HTML5新增的3種selector方法
前面的話 儘管DOM作為API已經非常完善了，但是為了實現更多的功能，DOM仍然進行了擴充套件，其中一個重要的擴充套件就是對選擇器API的擴充套件。人們對jQuery的稱讚，很多是由於jQuery方便的元素選擇器。除了前面已經介紹過的getElementsByClassNa
html5基礎第三篇，圖片標籤。
1.img顯示圖片的標籤 <img src="" alt="" width="" height=""> 2.必選屬性 (1).src。圖片顯示內容的路徑 絕對路徑 ：帶有網路協議的網址 <img src="https://www.baidu.co
Flask學習【第3篇】：藍圖、基於DBUtils實現資料庫連線池、上下文管理等 基於DBUtils實現資料庫連線池
基於DBUtils實現資料庫連線池 小知識： 1、子類繼承父類的三種方式 class Dog(Animal): #子類 派生類 def
Python學習【第3篇】：Python之運算子 python-----運算子及while迴圈
python-----運算子及while迴圈 一、運算子 計算機可以進行的運算有很多種，不只是加減乘除，它和我們人腦一樣，也可以做很多運算。 種類：算術運
mysql學習【第3篇】：資料庫之增刪改查操作 資料庫之表操作，資料操作
資料庫之表操作，資料操作 注意的幾點：1.如果你在cmd中書命令的時候，輸入錯了就用\c跳出 2.\s檢視配置資訊
Django學習【第3篇】：Django之模板語法
開始 切片 byte 當前 tag targe you 過濾 per Django框架之第三篇模板語法(重要！！！) 一、什麽是模板？ 只要是在html裏面有模板語法就不是html文件了，這樣的文件就叫做模板。 二、模板
STM32 HAL庫學習系列第3篇 常使用的幾種延時方式
1 自帶的hal_delay 函式 毫秒級延遲void HAL_Delay(__IO uint32_t Delay) { uint32_t tickstart = HAL_GetTick(