HTML基礎7--文件與網站架構
阿新 • • 發佈：2020-09-09
文件的基本組成
一個頁面通常由一下幾個部分組成：頁首、導航欄、主內容、側邊欄、頁尾
例如：下面的頁面佈局
構建內容的
在HTML中
<header>：頁首。<nav>：導航欄。<main>：主內容。主內容中還可以有各種子內容區段，可用<article>、<section>和<div>等元素表示。<aside>：側邊欄，經常巢狀在<main>中。<footer>：頁尾。
元素細節
- [
<main>]存放每個頁面獨有的內容。每個頁面上只能用一次<main>，且直接位於 [<body>]中。最好不要把它巢狀進其它元素。 - [
<article>] 包圍的內容即一篇文章，與頁面其它部分無關（比如一篇博文）。 - [
<section>] 與<article>類似，但<section>更適用於組織頁面使其按功能（比如迷你地圖、一組文章標題和摘要）分塊。一般的最佳用法是：以 [標題]、作為開頭；也可以把一篇<article>分成若干部分並分別置於不同的<section>中，也可以把一個區段<section>分成若干部分並分別置於不同的<article>中，取決於上下文。 - [
<aside>] 包含一些間接資訊（術語條目、作者簡介、相關連結，等等）。 - [
<header>] 是簡介形式的內容。如果它是 [<body>] 的子元素，那麼就是網站的全域性頁首。如果它是 [<article>] 或[<section>] 的子元素，那麼它是這些部分特有的頁首（此<header>非彼 [標題]。 - [
<nav>]包含頁面主導航功能。其中不應包含二級連結等內容。 - [
<footer>] 包含了頁面的頁尾部分。
無語義元素
對於一些要組織的專案或要包裝的內容，現有的語義元素均不能很好對應，HTML提供了 <div>
<span> 元素div 是一個塊級無語義元素，應僅用於找不到更好的塊級元素時，或者不想增加特定的意義時
換行與水平分割線
<br>, <hr>兩個元素, 一個作用是換行，一個作用是加分割線