《HTML5 Web開發最佳實踐 使用CSS JavaScript和多媒體》通過大量的實例以及最佳實踐
的見解深入介紹了HTML5,包括標記、樣式設計和腳本。你將快速地理解標記元素,并學會在使用這些元素時如何應用最新的CSS3功能創建賞心悅目的Web頁面。
《HTML5 Web開發最佳實踐 使用CSS JavaScript和多媒體》首先介紹了客戶端腳本的基礎知識以及HTML5所提供的強大功能。然后學習如何使用JavaScript創建具有動態性和交互性的Web應用,以及如何添加高級功能,包括音頻、視頻、SVG和拖放功能。通過書中的實際動手演示,你將學到更多的技術,從而創建更多樣化和功能強大的網站和應用。
主要內容
● 各種HTML5標記的使用方式及使用時機
● 使用新的CSS3功能簡化網站設計
● 掌握JavaScript的基礎知識以及高級功能
● 使用SVG和canvas標記來合并圖形
● 使用對地理定位、IndexDB以及拖放功能的本地瀏覽器支持
《HTML5 Web開發*佳實踐 使用CSS JavaScript和多媒體》圖文并茂,技術新,實用性強,以大量的實例對HTML5 做了詳細的解釋,是學習HTML5 的用戶不可缺少的實用參考書籍。本書可作為HTML5 編程人員的參考手冊,適合于計算機技術人員使用。此外,該書附錄中提供了相關的參考資料,如果在閱讀過程中遇到不懂的方法或屬性,可以參閱相關內容。
前言
本書旨在幫助讀者學習相關的知識,從而創建使用了HTML5眾多優秀功能的Web應用程序。不管是對于新手還是經驗豐富的專業人員來說,本書都是大有裨益的。但最終還是由讀者來判斷我的這些目的是否達到。
本書包含了大量信息,所以如何有效地組織這些信息是需要優先考慮的問題。總的來說,HTML5包括HTML、CSS以及JavaScript;可以將它們視為Web應用程序所依賴的三腳架的三條腿。本書的第Ⅰ部分為每一種技術提供了一個導言章節。我建議從這些章節開始閱讀,尤其是那些初次接觸Web開發的讀者。第Ⅱ部分、第Ⅲ部分和第Ⅳ部分分別詳細地介紹這三種技術。最后一部分提供了一些高級主題的演示程序,比如畫布、SVG、拖放以及索引數據庫。
此外,還要感謝Mozilla、W3Schools以及許多其他組織和個人所提供的一些真正有用的網站,從中可以隨時獲取大量有用的材料。本書旨在通過重點關注概念來擴充這些資源。只有掌握了基本原理,才可以更有效地應用特定功能的細節信息。同時,為了達到撰寫本書的目的,書中也會提供許多詳細信息。為了便于讀者讀懂書中的相關概念,附錄部分包含了參考資料。
書中還會介紹一些非常優秀的框架,例如jQuery、Angular、Bootstrap以及Knockout。如果想要完成一些重大的Web開發工作,就需要使用一種或者多種框架。雖然你無法通過本書所介紹的技術親自創建這些框架,但選擇使用這些框架可以讓開發工作更加輕松。但本書的重點是介紹Web技術的自身功能,而不是如何使用這些框架。
可從www.apress.com下載每章的源代碼。除了最后一部分之外,書中其他部分的代碼都相對比較簡短,以便讀者在學習的過程中可以親自輸入代碼。但為了便于使用,所下載的源代碼提供了每章的完整代碼。在某些情況下,我還會使用兩種或者三種方法來完成相同的事情。而下載的代碼可能會注釋掉部分代碼。也可在本書封底掃描二維碼下載本書源代碼。
本書所要介紹的技術不是針對某一平臺或者供應商的。書中所演示的示例Web頁面可以在大多數主流的瀏覽器上運行。而讀者所編輯的文件(HTML、CSS以及JavaScript)是可以使用任何文本編輯器編寫的簡單文本文件。然而,許多針對Web開發所設計的工具提供了IntelliSense和上下文敏感格式,從而讓開發工作變得更加容易。在本書中,我使用Microsoft的WebMatrix創建示例。WebMatrix是一款免費軟件并且易于安裝和使用。然而,2017年11月以后Microsoft放棄對WebMatrix的支持,轉而提供一款免費、開源的VisualStudio版本。除非你已經是Microsoft陣營中的一員,否則會有一段艱苦的適應過程。當然,也可以使用其他替代工具。你所喜歡的瀏覽器可能就已經提供了基本的編輯功能。
最后需要說明的是,與大多數技術一樣,應用背景是在不斷變化的。為此,本書選擇介紹那些大多數平臺所支持的功能,而避免介紹那些受限制的功能。在你閱讀的過程中,技術也在不斷地發展,所以你可能會發現某些內容過時了。此時,就需要你針對特定的功能進行研究。然而,我相信,不管HTML5技術如何發展,只要掌握本書所介紹的基礎知識,你就可以自如地應用這些技術。
祝各位讀者順利掌握開發Web應用程序的各方面知識。此外,不要停止學習!
Mark J.Collins從事軟件開發35年。他所涉足的一些關鍵技術領域包括COM、.NET、SQL Server以及SharePoint。他在許多行業創建過大量的企業級應用程序。目前,他是多家企業的應用程序和數據架構師。可以通過他的網站了解更多信息(www.TheCreativePeople.com)。如果有任何問題和評論,可以通過markc@thecreativepeople.com與Mark聯系。
目錄
第Ⅰ部分HTML5技術
第1章超文本標記語言3
1.1HTML文檔3
1.1.1元素4
1.1.2DOCTYPE4
1.1.3特性5
1.1.4各種各樣的結構規則5
1.1.5html元素6
1.2head元素6
1.2.1title元素6
1.2.2meta元素7
1.2.3script元素8
1.2.4link元素8
1.2.5style元素11
1.2.6base元素12
1.3小結12
第2章級聯樣式表15
2.1樣式設計指導15
2.1.1組織內容15
2.1.2應用樣式16
2.1.3CSS3規范17
2.2CSS概念17
2.2.1選擇器17
2.2.2聲明18
2.2.3單位18
2.3優先級21
2.3.1樣式表來源21
2.3.2特殊性規則22
2.3.3關鍵字!important23
2.4盒子模型23
2.5廠商前綴24
2.6style特性25
2.7小結25
第3章JavaScript要素29
3.1JavaScript介紹29
3.1.1對象29
3.1.2構造函數30
3.1.3原型32
3.2繼承32
3.2.1使用原型33
3.2.2使用Create34
3.2.3使用類關鍵字35
3.2.4重寫成員36
3.3屬性37
3.3.1數組37
3.3.2特性38
3.3.3特殊類型39
3.4其他主題39
3.4.1比較運算符39
3.4.2變量作用域40
3.4.3嚴格模式41
3.4.4函數42
3.4.5上下文43
3.4.6立即調用的函數45
3.4.7命名空間45
3.4.8異常47
3.4.9承諾47
3.5數組方法49
3.5.1訪問元素49
3.5.2輸出數組50
3.5.3操作元素50
3.5.4搜索52
3.5.5創建子集53
3.5.6處理54
3.6小結55
第Ⅱ部分HTML
第4章結構化HTML元素59
4.1內容類別59
4.2節內容60
4.2.1section60
4.2.2article60
4.2.3aside61
4.2.4nav61
4.2.5address61
4.3大綱62
4.3.1顯性節62
4.3.2文檔標題64
4.3.3header和footer65
4.3.4規劃頁面布局65
4.4節根66
4.4.1blockquote66
4.4.2details66
4.4.3figure67
4.5分組元素68
4.5.1段落68
4.5.2水平規則68
4.5.3預格式化(pre)68
4.5.4main69
4.5.5div69
4.6列表元素70
4.6.1列表70
4.6.2描述列表72
4.7內聯框架74
4.8已棄用的元素75
4.8.1hgroup75
4.8.2dir75
4.8.3frame和frameset75
4.9小結76
第5章短語HTML元素81
5.1突出顯示文本81
5.1.1重要性(strong)82
5.1.2強調(em)82
5.1.3關聯(mark)82
5.1.4交替聲音(i)83
5.1.5細則(small)84
5.1.6刪除線(s)84
5.1.7文體突出(b)85
5.1.8無法明確表達(u)86
5.1.9元素復習86
5.2其他語義短語87
5.2.1代碼、樣本、鍵盤和變量87
5.2.2縮寫和定義88
5.2.3下標和上標89
5.2.4time90
5.3編輯90
5.4引用91
5.5span93
5.6添加回車93
5.6.1換行93
5.6.2單詞換行時機94
5.6.3連字符95
5.7雙向文本96
5.7.1文本方向96
5.7.2流動方向96
5.7.3緊緊包裹98
5.7.4使用隔離98
5.7.5覆蓋方向99
5.8ruby99
5.9小結100
第6章表格HTML元素101
6.1簡單表格101
6.2列和行標題102
6.3列組103
6.4表標題和頁腳105
6.5跨越單元格106
6.6小結110
第7章嵌入式HTML元素111
7.1錨111
7.2圖像112
7.2.1多個來源113
7.2.2圖像映射116
7.3音頻117
7.3.1使用本機控件118
7.3.2文件格式119
7.4視頻120
7.5軌道122
7.6HTML5插件124
7.7小結125