国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

淺析移動設備HTML5頁面布局

2020-03-24 18:58:49
字體:
來源:轉載
供稿:網友
我們結合移動設備(手機和平板電腦)的特性,介紹HTML5中新增的語義化標簽元素,以及在移動Web瀏覽器下Web頁面布局的知識及例子。
在HTML5標準添加的新元素中,用于常見頁面結 構的包括header footer footer nav aside aside article section hgroup 。
下面簡單介紹一下這個元素:
1.header
header 元素定義文檔的頁面組合,通 常是一些引導和導航信息,標簽內通常包含 secti- on的頭部信息,如h1~h6 或 hgroup等。

復制代碼代碼如下:
header
h1 HTML5布局學習 /h1
P 勤學苦練 /p
/header
與下面的代碼是一致的:

復制代碼代碼如下:
div > h1 HTML5布局學習 /h1
P 勤學苦練 /p
/div
2.footer
footer 元素定義文檔或章節的末尾部分 包含一些章節的基本信息,如作者信息,相關連 及版權信息。 一個頁面上可以使用多個 header 和footer,也可以插入一些別的元素,比如div ul 等。

復制代碼代碼如下:
footer
p 隱私信息 /p
p 關于我們 /p
/footer
3.nav
nav 元素用于定義構建導航,顯示導航 鏈接,用于放入一些當前頁面的主要導航鏈接。

復制代碼代碼如下:
footer
nav
ul
li 隱私信息 /li
li 版權信息 /li
li 關于我們 /li
li 聯系我們 /li
/ul
/nav
/footer
4.aside
aside 元素用于定義一個頁面的區域, 用來表示包含頁面相關的主要內容,用于裝載非 正文的主要內容,如廣告欄,側邊欄等。
5.article
article 元素表示文檔,頁面,用來顯示一塊獨立的文章內容,如一則網站新聞,一偏博客文章等。

復制代碼代碼如下:
article
header
h1 HTML5新元素 /h1
p article 新元素 /p
footer
ul
li 文章標簽1 /li
li 文章標簽2 /li
/ul
/footer
/header
/article
6.section
section 元素第一位文章中的節,比如章節,頁眉,頁腳。

復制代碼代碼如下:
article
section
h1 /h1
p /p
/section
section
h1 /h1
p /p
/section
/article
7.hgroup
hgroup 定義為對網頁或區段的標題元素進行組合,通常使用多級別的h1~h6標簽節點進行分組。

復制代碼代碼如下:
header
hgroup
h1 /h1
h2 /h2
/hgroup
/header
實際上,除了我們介紹的語義標簽外,在HTML5的標準中還定義了更多不同語義的標簽。
* audio:定義音頻內容。
* canvas:定義畫布功能。
* command:定義一個命令按鈕。
* datalist:定義一個下拉列表。
* details:定義一個元素的詳細內容。
* dialog:定義一個對話框。
* keygen:定義表單里一個聲稱的鍵值。
* mark:定義有標記的文本。
* output:定義一些輸出類型。
* progress:定義任務的過程。
* source:定義媒體資源。
* video:定義一個視頻內容。
雖然HTML5標準中新增了很多新的元素,但實際上在移動Web應用中使用的機會并不多。
audio及video等標簽雖然可以在移動Web應用中得到實踐,但由于其性能、兼容以及頁面渲染等原因,它們還不能很好地應用到智能手機以及平板電腦的Web瀏覽器上。html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南丰县| 邮箱| 兴化市| 怀来县| 海晏县| 丰原市| 阳信县| 商河县| 岫岩| 清苑县| 女性| 贺兰县| 越西县| 陈巴尔虎旗| 油尖旺区| 阿拉善左旗| 合肥市| 页游| 武宁县| 阆中市| 兰坪| 汉沽区| 九江市| 分宜县| 茌平县| 龙川县| 金川县| 北流市| 民县| 锦州市| 德昌县| 黑河市| 永登县| 治多县| 定襄县| 吉安县| 常熟市| 吉安县| 黄骅市| 奉节县| 叙永县|