html 初学2

容器元素

• 通常就是一个元素（标签）定义一个块区，然后再放置其他元素。

最常用的容器元素就是div，div本身没有特殊含义，本身不会对内容任何改变。但它可以定义class和id这两个属性，从而改变格式的内容，非常方便。许多时候我们都默认使用div，但其实div应该是在内容没有与之意义相对应的标签时才去使用的。
而常见的语义容器有：
header:通常用于表示网页，也可以用于表示文章的头部
footer：通常表示网页的页脚 也可以表示文章的结尾
section：通常表示文章的章节
aside : 通常表示侧边栏
article：通常表示独立于文档的其他部分内容甚至整篇文章
需要注意的是nav，它通常用来制作导航条，放置在违章中，用于菜单和目录效果。可用于新闻页面的导航条,也可以用于目录索引条例。当然，nav内的链接应该是主要链接，其余链接不必要放入nav中，nav中应当是最重要的链接跳转。
还有比较重要的是figure的使用，一般用于和主体相关的内容，可以包含图文信息。它是用来定义一块较为独立的内容，内容可以有很多可能，但它独立于主体内容，就算删除相应内容也不会给其他内容和主体效果带来影响。且在figure元素中，会用figcaption元素来定义内容标题，且figcaption最多只能有一个，但也可以没有figcaption元素，figure中可以有许多其他元素。通常的用法是，把标题，图片，和相应描述都包裹在figure块中，作为一个独立的部分呈现出来（甚至于其中可以放置音频文件）。

• 以上均为常用语义化的容器，但一般用的最多的还是div标签，自定义的属性使得其使用极为便捷，其本身无语义，但可以通过class和id等属性的设置，使其可以作为万能容器使用，无需我们记住一些常用容器的使用方式和语义。但需要注意的是，div容器使用过多的话，本身就有命名问题，且注释不到位的话，很容易在修改的时候要在茫茫的div中找到相对应的盒子，对后续的编辑改进会造成很大困难。所以，也不是不建议使用div，但，在有相对应语义标签的时候尽量使用相应标签，而使用div标签时，也要注意命名和代码注释，方便自己，方便他人。