前端与 HTML3 | 青训营笔记

46 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天。

  • <main>存放每个页面独有的内容。每个页面上只能用一次 <main>,且直接位于 <body>中。最好不要把它嵌套进其它元素。
  • <article>包围的内容即一篇文章,与页面其它部分无关(比如一篇博文)。
  • <section>与 <article> 类似,但 <section> 更适用于组织页面使其按功能(比如迷你地图、一组文章标题和摘要)分块。一般的最佳用法是:以 标题作为开头;也可以把一篇 <article> 分成若干部分并分别置于不同的 <section> 中,也可以把一个区段 <section> 分成若干部分并分别置于不同的 <article> 中,取决于上下文。
  • <aside>包含一些间接信息(术语条目、作者简介、相关链接,等等)。
  • <header>是简介形式的内容。如果它是<body>的子元素,那么就是网站的全局页眉。如果它是<article><section>的子元素,那么它是这些部分特有的页眉(此 <header> 非彼标题。
  • <nav>包含页面主导航功能。其中不应包含二级链接等内容。
  • <footer>包含了页面的页脚部分。
  • <header>:页眉。
  • <nav>:导航栏。
  • <main>:主内容。主内容中还可以有各种子内容区段,可用<article><section><div>等元素表示。
  • <aside>:侧边栏,经常嵌套在<main>中。
  • <footer>:页脚。
  • <code>: 用于标记计算机通用代码。
  • <pre>: 用于保留空白字符(通常用于代码块)——如果您在文本中使用缩进或多余的空白,浏览器将忽略它,您将不会在呈现的页面上看到它。但是,如果您将文本包含在<pre></pre>标签中,那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。
  • <var>: 用于标记具体变量名。
  • <kbd>: 用于标记输入电脑的键盘(或其他类型)输入。
  • <samp>: 用于标记计算机程序的输出。
    个人学习总结:巩固了HTML基础知识,加强了记忆。