标签、元素

介绍

HTML语法规则的构建，基于标签、元素体系

而浏览器根据标签来确定元素 如果标签自身会关闭 -- 既空标签，那么元素就是<tab到/>的数据（inclusive） 如果标签有开标签<tag>、关标签</tag>，那么元素就是从<tag>到</tag>到之间的数据(inclusive)

>img标签没有关闭标签？

形式

<tag id="idValue" class="classValue" attrName="attrValue">Content</tag>

id，类，属性用来描述标签，对于外界（css、js）而言，它们是选择元素时的过滤器，即选择器.

id表示单一的元素，同一个文档不可重复

id命名之后可以在同一个文档中用#来快速索引用定位，在url上的表现为：index.html#idValue class表示某一类群，可以多处设置 attrName是tag的自带属性，如src

chrom浏览器可以使用#targetText=hello%20world 找到页面第一个hello world，和id无关

语义性

标签带有语义，所以尽管两个标签展示的效果一样，也应当使用语义正确的。如<em>表示强调，展示为斜体；而<i>表示斜体，展示为斜体；又如<span>可以配合样式实现同样的效果，却没有语义。

    <em>
    <i>

    <strong>
    <b>

展示区域

元素分为块级(block)元素和内联(inline)元素：

• 块级元素在页面中以块的形式展现 -- 即不与之前和之后的内容显示在一行，会另起一行显示。

  通常用于展示页面上结构化的内容，例如<p></p>,<footer></footer>。 块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。

• 内联元素不会导致文本换行 -- 。

  通常出现在一堆文字之间，例如超链接元素<a></a>或者强调元素<em></em> 内联元素包裹文档内容的一小部分，而不是一整个段落或者一组内容。

块级元素和内联元素的区别在于是否换行， 但是内联元素<a>实际上可以嵌套一个块级元素，然后表现为块级的效果。