亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁課程HTML Fun Classheader, nav & footer

header, nav & footer

目錄列表

<header> 標(biāo)簽


在HTML4中,我們將定義一個這樣的頭:

<div id="header">

在HTML5中,我們使用簡單的 <header> 標(biāo)簽。

<header> 標(biāo)簽定義了文檔的頭部區(qū)域。

<header> 元素適合在 <body> 標(biāo)簽內(nèi)部使用。 

實(shí)例

<!DOCTYPE html>
<html>
   <head></head>
   <body>
      <header>
        <h1>標(biāo)題 1</h1>
        <h3>標(biāo)題 3</h3>
      </header>
   </body>
</html>


注意:<header> 與<head> 標(biāo)簽完全不同。



標(biāo)簽內(nèi)容適合放在哪里?

&lt;footer&gt; 標(biāo)簽

<footer> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁腳。

文檔的頁腳:

<footer>
  <p>Posted by: Hege Refsnes</p>
</footer>


在典型情況下,<footer> 元素會包含文檔創(chuàng)作者的姓名、文檔的版權(quán)信息、使用條款的鏈接、聯(lián)系信息等等。

在HTML5 中,什么標(biāo)簽定義文檔的頁腳?

&lt;nav&gt; 標(biāo)簽

<nav> 標(biāo)簽定義導(dǎo)航鏈接的部分。

并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標(biāo)注一個導(dǎo)航鏈接的區(qū)域。

一個導(dǎo)航鏈接實(shí)例:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>


運(yùn)行顯示結(jié)果如下圖:


下載 (8).png

拖拉排序以下標(biāo)簽,創(chuàng)建一個通用的 HTML5 頁面結(jié)構(gòu):

  • <nav>
  • <footer>
  • <header>
  • <body>