HTML是永恆的頁面語言，不管是PC端還是移動端，不管是微信的頁面還是iOS、Android的頁面，都離不開HTML。隨著移動APP的流行，HTML 5也發揮了越來越大的作用。本書是一本HTML代碼書，300餘段代碼能讓你更輕鬆地學會HTML，更得心應手地套用HTML。
基本介紹
- 書名：代碼逆襲超實用的HTML代碼段
- 作者：趙榮嬌 等編著
- ISBN： 978-7-121-26935-6
- 頁數：288
- 定價：59.00元
- 出版社：電子工業出版社
- 出版時間：2015年9月出版
- 裝幀： 平裝
- 開本：16開
內容提要,目錄,作者簡介,
內容提要
《超實用的HTML代碼段》精選300餘段HTML代碼，覆蓋了幾乎所有的HTML元素，是網站建設和網頁設計人員在設計HTML結構代碼時不可或缺的設計方案、技巧和參照。本書的代碼從基礎的HTML元素講起，每一個講解都附有實踐，涵蓋了從HTML 4到HTML 5的新元素，這些網頁跨平台、跨設備、跨瀏覽器，充分向讀者演示了如何使用HTML的各個元素和使用技巧。
《超實用的HTML代碼段》從創建HTML文檔開始介紹，分別按章節介紹了HTML各元素的作用和使用方法，並對常用的HTML代碼段進行了介紹和演示。《超實用的HTML代碼段》分為17章，包含HTML文檔、頭部meta元素、文字、圖像、連結、頁面布局、文檔結構劃分、多媒體、表格、表單、框架、Canvas、地理位置、本地存儲、套用快取及其他常用代碼等網頁結構設計技術。這些結構代碼所闡述的HTML元素的常用方法對於快速設計簡潔、通用的HTML網頁結構的開發人員和設計人員具有重要的指導作用。
《超實用的HTML代碼段》內容簡潔明了、代碼精練、重點突出、實例豐富、語言通俗易懂、原理清晰明白，是廣大網頁設計入門者和提高者的良好選擇，同時也非常適合大中專院校學生學習閱讀，也可作為高等院校非計算機專業，以及計算機非網路工程及相關專業的輔助讀物。
目錄
第1章 創建HTML文檔 1
1.1 HTML文檔的基本結構 2
1.2 HTML文檔類型 2
1.3 利用HTML元素定義中文網頁 3
1.4 利用title定義網頁的標題 4
1.5 利用meta元素定義頁面元信息 5
1.6 利用head元素定義文檔頭部 7
1.7 利用body元素定義文檔主體 8
1.8 利用base元素定義基底網址 9
1.9 定義網頁在不同顯示媒體下的樣式 10
1.10 指定外部資源的link元素 12
1.11 添加網站Logo 14
1.12 預先獲取資源Link Prefetch 15
1.13 利用script元素定義客戶端腳本 16
1.14 添加注釋 16
1.15 載入外部腳本庫 18
1.16 延遲腳本執行 19
1.17 異步執行腳本 20
1.18 利用noscript元素實現腳本的替代內容 24
1.19 HTML屬性 25
1.20 為元素指定類或ID名稱 25
1.21 為元素添加title屬性 27
第2章 頭部 meta元素 28
2.1 定義頁面關鍵字 28
2.2 設定頁面描述 29
2.3 設定作者信息 30
2.4 限制搜尋方式 31
2.5 網頁語言與文字 33
2.6 定時跳轉頁面 34
2.7 設定網頁快取過期時間 35
2.8 禁止從快取中調用 36
2.9 刪除過期的Cookie 38
2.10 設定網頁的過渡效果 39
第3章標記文字 44
3.1 標題<hn></hn> 45
3.2 表示關鍵字和產品名稱<b></b> 48
3.3 強調<em></em> 49
3.4 表示外文詞語或科技術語<i></i> 50
3.5 表示重要的文字<strong></strong> 52
3.6 表示不正確或校正<s></s> 53
3.7 為文字添加下畫線<u></u> 54
3.8 添加小號字型內容<small></small> 55
3.9 添加上標<sub></sub>和下標<sup></sup> 56
3.10 強制換行<br/> 57
3.11 指明可以安全換行的建議位置<wbr> 58
3.12 表示輸入和輸出<code><var><samp><kbd> 60
3.13 表示縮寫<abbr></abbr> 63
3.14 定義術語<dfn></dfn> 64
3.15 引用來自他處的內容<q></q> 66
3.16 引用其他作品的標題<cite></cite> 67
3.17 表示時間和日期<time></time> 68
3.18 ruby、rt和rp元素 69
3.19 bdo元素 69
3.20 bdi元素 70
3.21 表示一段一般性的內容<span></span> 71
3.22 突出顯示文本<mark></mark> 73
第4章顯示圖像 75
4.1 必須知道的圖像格式和壓縮形式 75
4.2 圖像<img>的超簡套用 77
4.3 語義化帶標題的圖片 78
4.4 提前載入圖片 79
4.5 圖像區域映射 80
4.6 使用base64:URL格式的圖片 82
第5章生成超連結 86
5.1 生成指向外部的超連結 87
5.2 使用相對URL 87
5.3 生成頁面內超連結 88
5.4 圖像連結 90
5.5 電子郵件連結 91
5.6 設定瀏覽環境 92
5.7 在框架中打開 92
第6章組織文字內容 94
6.1 段落 94
6.2 頁面主體的結構化布局 96
6.3 使用預先編排好格式的內容 99
6.4 引用他處內容 101
6.5 添加主題分隔線 103
6.6 將內容組織為列表 104
6.7 輸出有順序關係的內容 104
6.8 使用無序列表輸出無序並列的內容 105
6.9 使用自定義列表輸出有標題的並列內容 106
6.10 列表項的使用 107
6.11 使用選單列表 108
6.12 使用下拉列表 109
6.13 在頁面中輸出對話 110
第7章劃分文檔結構 112
7.1 添加基本的標題 113
7.2 隱藏子標題hgroup 114
7.3 生成節<section> 115
7.4 為區域添加頭部和尾部 117
7.5 添加導航區域 119
7.6 在頁面中輸出文章 120
7.7 生成附註欄 122
7.8 在頁面輸出聯繫人信息 124
7.9 生成詳情區域 124
第8章多媒體檔案 126
8.1 使用多媒體打造豐富的視覺效果 126
8.2 全面兼容的video 127
8.3 多媒體檔案標籤 130
8.4 object元素 130
8.5 param元素 132
8.6 嵌入Flash代碼 134
8.7 實現Flash全螢幕播放 135
8.8文字的滾動 135
8.9定義媒介源 136
8.10定義媒介外部文本軌道 136
第9章表格 138
9.1 生成基本的表格 138
9.2 讓表格沒有凹凸感 142
9.3 添加表頭 143
9.4 為表格添加結構 144
9.5 製作不規則的表格 148
9.6 正確地設定表格列 150
9.7 設定表格框線 153
9.8 其他表格設計 157
第10章表單與檔案 166
10.1 製作基本表單 166
10.2 自動聚焦 168
10.3 禁用單個input元素 169
10.4 關閉輸入框的自動提示功能 171
10.5 關閉輸入法 171
10.6 按回車鍵跳轉至下一個輸入框 172
10.7 定製input元素 173
10.8 生成隱藏的數據項 175
10.9 輸入驗證 176
10.10 生成按鈕 177
10.11 使用表單外的元素 178
10.12 顯示進度 178
10.13 密鑰對生成器 179
第11章網頁中的框架 180
11.1 在頁面中使用iframe 180
11.2 設定iframe透明背景色 182
11.3 讓iframe高度自適應 182
11.4 垂直框架 183
11.5 水平框架 184
11.6 混合框架 184
11.7 使用<noframes>標籤 185
第12章 HTML 5 Canvas 187
12.1 在頁面中使用canvas元素 187
12.2 使用路徑和坐標 189
12.3 繪製弧形和圓形 192
12.4 用純色填充圖形 194
12.5 使用漸變色填充 196
12.6 在畫布中繪製文本 199
12.7 將畫布輸出為PNG圖片檔案 201
12.8 複雜場景使用多層畫布 203
12.9 使用requestAnimationFrame製作遊戲或動畫 203
12.10 如何顯示滿屏canvas 206
12.11 canvas圓環進度條 207
第13章 HTML 5地理定位 210
13.1 使用navigator對象 210
13.2 獲取當前位置 213
13.3 瀏覽器支持 215
第14章 HTML 5本地存儲 216
14.1 在客戶端存儲數據 216
14.2 檢查HTML 5存儲支持 217
14.3 利用localStorage進行本地存儲 217
14.4 利用localStorage存儲JSON對象 219
14.5 利用localStorage記錄用戶表單輸入 220
14.6 利用localStorage進行跨文檔數據傳遞 223
14.7 在localStorage中存儲圖片 225
14.8 在localStorage中存儲檔案 227
14.9 使用localForage進行離線存儲 229
14.10 利用sessionStorage進行本地存儲 230
第15章 HTML 5套用快取 234
15.1 使用cache manifest創建頁面快取 234
15.2 離線Web網頁或套用 236
15.3 刪除本地快取 237
15.4 更新快取檔案 238
15.5 使用HTML 5離線應用程式快取事件 238
15.6 如何失效快取 242
第16章移動開發 245
16.1 手機上直接電話呼叫或簡訊 245
16.2 設定iPhone書籤欄圖示 247
16.3 HTML 5表單 250
16.4 HTML 5相冊 252
第17章其他常用代碼 255
17.1 讓IE支持HTML 5標籤 255
17.2 網頁自動關閉 258
17.3 地址欄換成自己的圖示 259
17.4 網頁不能另外儲存 259
17.5 禁止查看網頁原始碼 260
17.6 網頁不出現滾動條 261
17.7 設定打開網頁的大小 261
17.8 變換當前網頁的游標 262
作者簡介
趙榮嬌，畢業於中國傳媒大學，工學碩士。目前就職於淘寶網航旅事業部，擔任前端開發工程師，曾參與旅遊特賣首頁、1688訂單等項目開發。熱愛技術，喜歡分享。中國傳媒大學新媒體研究院主辦《信息科技周刊》總編輯、《新媒體技術動態》發起人。著有《超實用的CSS代碼段》一書。
