HTML5基礎
1、HTML
1-1 什么是HTML
- HTML是用來制作網頁的標記語言
- HTML是Hypertext Markup Language的英文縮寫,即超文本標記語言
- HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執行
- HTML文件是一個文本文件,包含了一些HTML元素,標簽等
- HTML文件必須使用.html或.htm為文件名后綴
- HTML是大小寫不敏感的,HTML與html是一樣的
- HTML是由W3C的維護的
- HTML 是通向 WEB 技術世界的鑰匙。
1-2 發展歷史
- HTML是從2.0版本開始的，實際上沒有1.0的官方規范,在1993年6月作為互聯網工程工作小組（IETF）工作草案發布（並非標准）
HTML 2.0——1995年11月作為RFC 1866發布，在RFC 2854於2000年6月發布之后被宣布已經過時 - HTML 3.2——1997年1月14日，W3C推薦標准
- HTML 4.0——1997年12月18日，W3C推薦標准
- HTML 4.01（微小改進）——1999年12月24日，W3C推薦標准
- HTML 5——2014年10月28日，W3C推薦標准
1-3 HTML5的由來
- HTML5草案的前身名為 Web Applications 1.0，於2004年被WHATWG提出，於2007年被W3C接納，並成立了新的 HTML 工作團隊。
- HTML 5 的第一份正式草案已於2008年1月22日公布。HTML5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。
- 2012年12月17日，萬維網聯盟（W3C）正式宣布凝結了大量網絡工作者心血的HTML5規范已經正式定稿。根據W3C的發言稿稱：“HTML5是開放的Web網絡平台的奠基石。”
- 2013年5月6日， HTML 5.1正式草案公布。該規范定義了第五次重大版本，第一次要修訂萬維網的核心語言：超文本標記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。
- 2014年10月29日，萬維網聯盟宣布，經過接近8年的艱苦努力，該標准規范終於制定完成。
1.4 HTML5的優點
- 1、提高可用性和改進用戶的友好體驗；
- 2、有幾個新的標簽，這將有助於開發人員定義重要的內容；
- 3、可以給站點帶來更多的多媒體元素(視頻和音頻)；
- 4、可以很好的替代FLASH和Silverlight；
- 5、當涉及到網站的抓取和索引的時候，對於SEO很友好；
- 6、將被大量應用於移動應用程序和游戲；
- 7、可移植性好。
15 HTML5的兼容性
- Internet Explorer 9 以及 以上版本
- chrome、Safari、opera、Firefox和各種以wekkit為內核的國產瀏覽器
附：相關組織
IETF(The Internet Engineering Task Force)
國際互聯網工程任務組（The Internet Engineering Task Force，簡稱 IETF）
互聯網工程任務組，成立於1985年底，是全球互聯網最具權威的技術標准化組織，主要任務是負責互聯網相關技術規范的研發和制定，當前絕大多數國際互聯網技術標准出自IETF。
W3C(World Wide Web Consortium)
萬維網聯盟(World Wide Web Consortium)
萬維網聯盟創建於1994年，是Web技術領域最具權威和影響力的國際中立性技術標准機構。到目前為止，W3C已發布了200多項影響深遠的Web技術標准及實施指南，如廣為業界采用的超文本標記語言（標准通用標記語言下的一個應用）、可擴展標記語言（標准通用標記語言下的一個子集）以及幫助殘障人士有效獲得Web內容的信息無障礙指南（WCAG）等，有效促進了Web技術的互相兼容，對互聯網技術的發展和應用起到了基礎性和根本性的支撐作用。
WHATWG(Web Hypertext Application Technology Working Group)
網頁超文本應用技術工作小組是一個以推動網絡HTML 5 標准為目的而成立的組織。
在2004年，由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。
2、HTML基本語法
2-1 HTML標簽
- 標簽是HTML中最基本單位,也是最重要組成部分
- 通常要用兩個角括號括起來:
<和> - 標簽都是閉合的（兩種形式：成對與不成對）
- 雙標簽（成對）:
<標簽名>內容</標簽名>如：<table></table>即分起始和結束 - 單標簽（不成對）:
<標簽名 />; 如：<br/>、<hr/> - 標簽是大小寫無關的,
<body>;跟<BODY>表示意思是一樣的，標准推薦使用小寫，這樣符合XHTML標准。 - 對於HTML標簽來講，最重要的是語義
2-2 HTML標簽屬性
-
HTML屬性一般都出現在HTML的開始標簽中, 是HTML標簽的一部分。
-
標簽可以有屬性,它包含了額外的信息.屬性的值一定要在雙引號中。
-
標簽可以擁有多個屬性。
-
屬性由屬性名和值成對出現。
-
語法格式如下：
<標簽名 屬性名1="屬性值" 屬性名2="屬性值" ... 屬性名N="屬性值"> <!– 輸出內容… --> </標簽名>
2-3 HTML代碼格式
任何回車或空格在源代碼中都是不起作用，
所以在編寫HTML代碼時，都可以使用回車或者空格進行代碼排版，
這樣可以使代碼清晰，也便於團隊合作。必須保持嚴格的縮進規則，以Tab鍵為准。
2.4 HTML 注釋
<!-- 注釋內容 -->
<!--
這里全是注釋
都是注釋
-->
2.5 HTML 實體 (特殊字符)
| 描述 | 實體名稱 | 實體編號 | |
|---|---|---|---|
| 空格 |   | ||
| < | 小於號 | < | < |
| > | 大於號 | > | > |
| & | 和號 | & | & |
| " | 引號 | " | " |
| ' | 撇號 | ' (IE不支持) | ' |
| ￠ | 分（cent） | ¢ | ¢ |
| £ | 鎊（pound） | £ | £ |
| ¥ | 元（yen） | ¥ | ¥ |
| € | 歐元（euro） | € | € |
| § | 小節 | § | § |
| © | 版權（copyright） | © | © |
| ® | 注冊商標 | ® | ® |
| ™ | 商標 | ™ | ™ |
| × | 乘號 | × | × |
| ÷ | 除號 | ÷ | ÷ |