2015年2月4日 星期三

2015.02.03 HTML學習(HTML5 + CSS3 overview)

HTML5是一個HTML最新的修訂版本,包含以下幾點
  • New HTML elemements and attributes  新增HTML元素和屬性
  • Full CSS3 Support CSS3完整的支援
  • Video and Audio elements 為開發者提供了一套通用的、整合的、腳本式的處理音頻與視訊的API,而無需安裝任何外掛程式
  • 2D/3D graphics 即時二維/三維繪圖
  • Local storage 離線儲存資料庫
  • Local SQL database
CSS3是最新的CSS標準,包含以下幾點:
  • Border radius 外框圓角
  • Box shadow, text shadow 陰影
  • Transitions, transforms 旋轉
  • Gradients 漸層
  • Multiple backgrounds 多重背景
新的HTML5元素
  • Doctype
  • Meta declaration
  • Script tag
  • Link tag
Doctype 檔案類型聲明
舊的HTML4會有不同形態的聲明,但是HTML5只有一種
Meta declaration

Script tag
不需要宣告type屬性
 Link tag
一樣不需要宣告type屬性

HTML5更新的元素
<i>、<b>、<em>、<strong>被賦予新的定義
在HTML4中<i>、<b>是設定文字樣式的元素
<i>是設定文字樣式為斜體
<b>是設定文字樣式為粗體
在HTML5中
<i>代表文字有著交替的語言(alternate voice)和心情,主要用意在把文字定義成某種類型,而不是單純想把字變為斜體,例如分類命名,技術術語、其它語言的慣用短語,一個念頭,或西文的船名
<b>代表文字需要注意,定義了文件中的某些部分比其餘的部分更重要,並呈現為粗體,例如:文件摘要的關鍵字,審查中的產品名,或文章的導引

在HTML4中
<em>代表強調
<strong>代表更加強調
在HTML5中
<em>代表被強調的文字(stress emphasis)
<strong>代表強烈重要的文字(strong importance)