概要

根据禅意花园中的一个实例,学习前端的基础知识

内容

1.HTML <div> 标签

定义和用法

<div> 可定义文档中的分区或节（division/section）

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。

实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。

这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符

提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

2.HTML <section> 标签
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
<section> 标签是 HTML 5 中的新标签。

3.HTML <abbr> 标签

定义和用法:

<abbr> 标签指示简称或缩写，比如 "WWW" 或 "NATO"

通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息

<abbr> 标签最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式


提示和注释：

可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本

4.<aside> 标签

<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关

<aside> 标签是 HTML 5 的新标签。

<aside> 的内容可用作文章的侧栏。

5.<nav> 标签

<nav> 标签定义导航链接的部分。

<nav> 标签是 HTML 5 中的新标签。

如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。