HTML入门3

　　 HTML主要工作在于编辑文本结构和文本内容，也称语义（semantics）以便能够再浏览器正确地显示，下面开始介绍在文本中添加标题，段落，强调语句，创建列表等等

　　基础：标题和段落

　　　　内容结构化会使得阅读体验更轻松，更愉快；在HTML中，每个段落是通过<p>元素标签进行定义的，每个标题是通过标题标签进行定义；每个页面应该只是用一次<h1>顶级标题，所有其他标题位于层次结构中的下方。6个标题级别中，应该不要超过三个，太多将变得难以操作；

　　为什么结构化：

　　意义在于，展现清晰的页面，让用户快速找到有用的内容，利于网页SEO，给视力听障人士带来更多帮助，使用CSS样式化内容，可以使用js有效对元素进行定位。因此要给内容结构标记。

　　为什么需要语义：

　　简单来说就是正确的元素来给予内容正确的意思、作用以及外形。<h1>就是个语义元素，包裹了用来表示顶级标题的角色的文本。当然你也可以通过控制CSS让一个span标签元素变得像h1，但是不具有语义。

　　列表lists

接下来研究下列表这个元素，主要将介绍下面三种无序，有序，自定义；

无序：不在乎项目的顺序，每份无序的清单从ul元素开始，包裹所有清单上列出的项目，然后用li元素将每个项目包裹起来，形式如下：

<ul>

　　<li>牛奶</li>

　　<li>鸡蛋</li>

　　<li>面包</li>

　　<li>鹰嘴豆泥</li>

</ul>

有序：有序的列表根据项目顺序列出来，只是外层用<ol>元素包裹

嵌套列表（Nesting lists）

将一个列表嵌入到另一个列表

<ol>
  <li>Remove the skin from the garlic, and chop coarsely.</li>
  <li>Remove all the seeds and stalk from the pepper, and chop coarsely.</li>
  <li>Add all the ingredients into a food processor.</li>
  <li>Process all the ingredients into a paste.
    <ul>
      <li>If you want a coarse "chunky" humous, process it for a short time.</li>
      <li>If you want a smooth humous, process it for a longer time.</li>
    </ul>
  </li>
</ol>
红色部分嵌套的例子，li下的ul更像是下面的内容，由于包含多个项目，所以可以选择嵌套一层。
在HTML中<em>emphasis元素来表现强调，可以很好的被屏幕阅读器识别，加重读音，浏览器对这类
强调的文本风格显示为斜体，但不能为了表示斜体文本就使用强调，应该采取其他更加合适的方式
例如标签<i>或者用<span>来控制样式使之成为斜体。
　　强调
在口语化方面，为了强调一般选择加重读音，而在文本上则使用粗体来表示强调的效果，通常我们可以使用
<strong>元素来包裹强调文本，这样既可以让文档更加地有用，也可以被阅读器识别以不同的语调发出，浏览器
默认风格为粗体，同样也不能单纯为了粗体而使用这个风格.
而对于em和strong的区别上，都代表强调，strong强调程度更高，默认风格为粗体，而em默认风格为斜体；
　　斜体字、粗体字、下划线
　　<b><i><u>他们出现的时期在css不完全被支持的时期，不具有语义，成为表象元素，不应该再被使用，现在用
的都是具有语义的可访问性的，利于SEO搜索引擎优化的。
总结：主要讲语义结构化的重要性，以及列表的构成方式，具体强调文本和粗体的文本元素选择。