Html文档组成部分
2022-04-22
2分钟阅读时长
基本组成
一般一个网页文档的基本组成部分包括:
- 页眉
通常横跨于整个页面顶部有一个大标题 和/或 一个标志,通常存在于所有网页。 - 导航栏
指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏,导航栏通常应在所有网页之间保持一致, - 主内容
中心的大部分区域是当前网页大多数的独有内容,例如视频、文章、地图、新闻等。这些内容是网站的一部分,会因页面而异。 - 侧边栏
一些外围信息、链接、引用、广告等。通常与主内容相关(例如一个新闻页面上,侧边栏可能包含作者信息或相关文章链接),还可能存在其他的重复元素,如辅助导航系统。 - 页脚
横跨页面底部的狭长区域。和标题一样,页脚是放置公共信息(比如版权声明或联系方式)的,一般使用较小字体,且通常为次要内容。 还可以通过提供快速访问链接来进行 SEO。
HTML提供了针对以上几种类型内容的语义化标签:
<header>:页眉。
<nav>:导航栏。
<main>:主内容。主内容中还可以有各种子内容区段,可用<article>、<section> 和 <div> 等元素表示。
<aside>:侧边栏,经常嵌套在 <main> 中。
<footer>:页脚。
无语义元素
HTML提供了 <div> 和 <span> 两个无语义元素,<span> 是一个内联的(inline)无语义元素,一般用于无法找到更好的语义元素来包含内容时,或者不想增加特定的含义时使用。<div> 是一个块级无语义元素,一般用于找不到更好的块级元素时,或者不想增加特定的意义时使用。
换行、水平分割线
<hr> 元素在文档中生成一条水平分割线,表示文本中主题的变化(例如话题或场景的改变)。一般就是一条水平的直线
<br> 可在段落中进行换行;<br> 是唯一能够生成多个短行结构的元素。