1976年贪婪的嘴唇,韩国少妇激三级做爰2023电影,久久久久久精品国产三级涨奶,妖精漫画在线观看免费漫画下拉式

淺析移動設備HTML5頁面布局
來源:易賢網 閱讀:1321 次 日期:2016-07-09 10:16:20
溫馨提示:易賢網小編為您整理了“淺析移動設備HTML5頁面布局”,方便廣大網友查閱!

我們結合移動設備(手機和平板電腦)的特性,介紹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 class=”header”>

  <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瀏覽器上。

更多信息請查看網頁制作
易賢網手機網站地址:淺析移動設備HTML5頁面布局
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
主站蜘蛛池模板: 龙井市| 青阳县| 德阳市| 云阳县| 阳信县| 潼关县| 仙游县| 潜山县| 古丈县| 昆明市| 西城区| 长岭县| 壤塘县| 教育| 瑞安市| 宾阳县| 剑阁县| 青川县| 安化县| 札达县| 健康| 云林县| 多伦县| 枞阳县| 曲阳县| 司法| 马公市| 新龙县| 建阳市| 新民市| 壶关县| 都兰县| 增城市| 三门县| 尚义县| 稻城县| 双辽市| 巧家县| 嘉鱼县| 黄浦区| 定州市|