


下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
本文格式為Word版,下載可任意編輯——黑板報htmlcsshtml5做一個黑板報頁面
我們結合移動設備(手機和平板電腦)的特性,介紹HTML5中新增的語義化標簽元素,以及在移動Web欣賞器下Web頁面布局的學識及例子。
在HTML5標準添加的新元素中,用于常見頁面結構的包括headerfooterfooternavasideasidearticlesectionhgroup。
下面簡樸介紹一下這個元素:
1.header
header元素定義文檔的頁面組合,通常是一些引導和導航信息,標簽內通常包含secti-on的頭部信息,如h1~h6或hgroup等。
HTML5布局學習
勤學苦練
與下面的代碼是一致的:
HTML5布局學習
勤學苦練
2.footer
元素定義文檔或章節的末尾片面包含一些章節的根本信息,如信息,相關連及版權信息。一個頁面上可以使用多個header和footer,也可以插入一些別的元素,譬如divul等。
3.nav
元素用于定義構建導航,顯示導航鏈接,用于放入一些當前頁面的主要導航鏈接。
4.aside
元素用于定義一個頁面的區域,用來表示包含頁面相關的主要內容,用于裝載非正文的主要內容,如廣告欄,側邊欄等。
5.article
元素表示文檔,頁面,用來顯示一塊獨立的文章內容,如一那么網站新聞,一偏博客文章等。
6.section
元素第一位文章中的節,譬如章節,頁眉,頁腳。
7.hgroup
定義為對網頁或區段的標題元素舉行組合,通常使用多級別的h1~h6標簽節點舉行分組。
實際上,除了我們介紹的語義標簽外,在HTML5的標準中還定義了更多不同語義的標簽。
*audio:定義音頻內容。
*canvas:定義畫布功能。
*command:定義一個命令按鈕。
*datalist:定義一個下拉列表。
*details:定義一個元素的細致內容。
*dialog:定義一個對話框。
*keygen:定義表單里一個聲稱的鍵值。
*mark:定義有標記的文本。
*output:定義一些輸出類型。
*progress:定義任務的過程。
*source:定義媒體資源。
*video:定義一個視頻內容。
雖然HTML5標準中新增了好多新的元素,但實際上在移動Web應用中使用的機遇并不多。
audio及video等標簽雖然可以在移動We
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 貨運火車站物流企業市場營銷策劃考核試卷
- 智能交通數據保密及智能管控協議
- 測試團隊溝通方法試題及答案
- 跨國展覽安全責任保證協議
- 跨區域購物中心商鋪租賃權承繼與合同續簽協議
- 跨界合作網絡文學IP影視改編合同
- 知識產權法律審查補充協議
- 用餐餐合同范本
- 電商冷鏈物流服務質量提升補充協議
- 更換質押物協議書
- 診所應急知識培訓課件
- 央行MPA考核細則
- 2025-2030全球及中國自動入侵與攻擊模擬行業市場現狀供需分析及市場深度研究發展前景及規劃可行性分析研究報告
- 大數據時代統計信息安全挑戰與應對策略研究
- 2025年攪拌車市場規模分析
- 高處作業風險及隱患排查(安全檢查)清單
- 網絡與信息安全突發事件應急預案演練記錄
- 超星爾雅學習通《生態文明-撐起美麗中國夢(福建農林大學)》2025章節測試附答案
- 中建安全輪崗
- 《昆蟲記》中考試題及典型模擬題訓練(原卷版)
- 上海市河道水生生物管理維護手冊
評論
0/150
提交評論