《元气森林》专题
-
2.3.7 s元素
s元素用来标记不再精确或不再相关的文本（s 是 strike 的缩写）。如，以下代码表示推荐零售价不再相关，因为商品的零售价已经发生变化： <p>Buy our Iced Tea and Lemonade!</p> <p><s>Recommended retail price: $3.99 per bottle</s></p> <p><strong>Now selling for just $2
-
2.3.6 u元素
u 元素表示为一小块文本添加明显的非文本注解，如在中文中将文本标记为专有名词（即中文中的用于表示人名、地名、朝代名等专用名词）或标明文本拼写有误。
-
2.3.5 b元素
b元素（即bold，文本加粗）表示出于实用目的，而提醒读者注意的一块文本，它不传达任何额外的重要性，也不暗示其他语态或语气，如文档摘要中的关键词、评论中的产品名、交互式文本软件中的可操作单词、或文章中的导语等。 如，以下语句使用 b元素来突出关键字，但并没有把它们标记为重要内容： <p>The <b>frobonitor</b> and <b>barbinator</b> components
-
2.3.4 i元素
i元素表示有别于常规文字的文本，具有不同的语态或语气，用于分类名称、技术术语、外语里的惯用语、翻译的散文、西方文字中的船舶名称等。 如果 i元素中的文本，与主要文本使用不同的语言，则要使用 lang属性进行注明。如： <p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p> <p>The term <i>prose co
-
2.3.3 small元素
small元素表示旁注，可以免责声明、注意事项、法律声明、版权信息等，也可以用它来表示署名等，它通常是文本块中的一小块，而不是包含多个或其他元素的大块文本。如： <dl> <dt>Single room <dd>199 € <small>breakfast included, VAT not included</small> <dt>Double room <dd
-
2.3.2 strong元素
strong元素表示非常重要的、严肃的、紧急的文本，凸显的某些关键词句，以引起读者或搜索引擎或浏览器的注意。这些内容应该更容易被读者注意到，或更容易被搜索引擎蜘蛛抓取。为了达到这个目的，浏览器常常将 strong元素中的文本加粗显示。如： <figcaption> Figure 1. <strong>Ant colony dynamics</strong>. The ants in this c
-
2.2.6 blockquote元素
blockquote元素用于定义单独存在的引用，引用的内容可长可短，但必须来自另一个引用源。如果引用源有一个地址的话，还可以通过 blockquote元素的 cite 属性，来提供内容的引用源。 可以使用任意元素来包裹被引用的内容，如使用 figure元素来包裹 blockquote元素，使用 p 元素来对引用的内容进行分段。如果要添加署名，署名应该放在 blockquote元素的外面，如 fig
-
2.2.5 figure元素
在HTML中，通过 figure元素来定义一块独立的内容，如图像、图表、照片、图形、插图、代码片段等。并且，figure元素的内容应该与主内容相关，而且独立于上下文，如果删除，也不应对文档流产生影响。 在 figure元素中，通过 figcaption元素来定义内容的标题（caption）。figcaption元素并不是必需的，但如果包含它，它就必须是 figure元素的第一个子元素或最后一个子元
-
2.2.4 pre元素
一般情况下，浏览器会将网页中所有额外的回车和空格进行压缩，并根据窗口的大小自动换行。如果希望文本能够按预先定义好的格式原样显示，就可以使用pre元素。 pre元素表示一块被格式化的文本，其作用是保留原始文本的排版效果，也就是说，被包围在 pre元素中的文本，通常会保留回车、换行、空格、制表符等。因此，它是展示计算机程序源代码的理想元素。 当用 pre元素来展示源代码时，最好的方式是用 code 元
-
2.2.3 hr元素
hr元素用于创建一个水平分隔线（horizontal rule），可以在视觉上将文档分隔成不同的部分。hr 标签是一个单标签，需要使用“/”来正确地关闭，其格式为 <hr />。如： <section> <h1>Food</h1> <p>All food at the project is rationed:</p> <dl> <dt>Potatoes</dt> <dd>Two per day<
-
2.2.2 p元素
HTML会忽略在文本编辑器中输入的回车符合其他额外的空格，要在网页中开始一个新的段落，应该使用p元素（p 是 paragraph 的缩写）。 p元素是一个有特定语义的元素，以 <p> 标签开始，以 </p> 标签结束。但是，当 p元素后紧跟 address、article, aside、blockquote、div、dl、fieldset、footer、form、h1~h6、header、hgro
-
2.2.1 div元素
div元素可以把文档分割为独立的、不同的区域，每个区域就相当于一个块级容器，其中可以放置段落、标题、表格、图片、乃至任何HTML元素。 事实上，div元素本身并没有任何特定的语义，它的真正目的是把页面进行分块，然后通过CSS对它们进行格式化，来实现页面布局，也就是传说中的 DIV + CSS 布局。因此，可以说 div元素是一个通用容器，一个没有任何语义的容器。 如，使用 div元素把页面划分为
-
2.1.9 address元素
address元素用来定义整个页面、文章或区域的作者或拥有者的联系信息，可以包括作者或拥有者的名字、站点链接、电子邮箱、真实地址、电话号码等各类联系信息。标记为联系信息后，可以让屏幕阅读器和搜索引擎找到地址或电话号码。 address 一般放在 footer 中，有时也放在 header 中，视情况而定。大多数浏览器会在 address元素的前后添加一个换行符，当然，如果必要的话，也可以根据需要在
-
2.1.8 footer元素
footer元素代表整个页面、文章或区域的页脚（或脚注），常常位于页面或内容块的结尾，通常包含页面或内容块的脚注信息，如作者、版权、相关文档的链接、联系信息等。 如果 footer元素是 body 元素的子元素，它就成为整个文档的页脚，通常出现在页面的结尾，并包含一组链接、版权、许可协议等信息。如： <body> <footer> <p> <a href="">关于我们</a> |
-
2.1.7 aside元素
aside元素代表跟文档的主内容区相关，但它又独立于主内容区，并且可以被单独拆分出来，而不会对整体内容产生影响。 aside通常表现为侧边栏、说明、提示、引用、附加注释、广告等。如，在经典的页面布局中，页面被分为 header、main、aside、footer 四个部分： <body> <header>header</header> <main>main</main><aside>aside<