HTML基础7--文档与网站架构

Posted 2021-04-04 伊洛的小屋

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML基础7--文档与网站架构相关的知识，希望对你有一定的参考价值。

文档的基本组成

一个页面通常由以下几个部分组成：页眉、导航栏、主内容、侧边栏、页脚
例如：下面的页面布局

构建内容的

在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>] 包含了页面的页脚部分。