持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情

HTML基础

常见元素

img元素

img元素将一份图像嵌入文档。

    img是image单词的缩写，是图像的意思；

    事实上img是一个可替换元素；

img有两个常见的属性：

    src属性：source单词的缩写，表示源

        是必须的，它包含了你想嵌入的图片的文件路径。

    alt属性：不是强制性的，有两个作用

        作用一：当图片加载不成功（错误的地址或者图片资源不存在），那么会显示这段文本；

        作用二：屏幕阅读器会将这些描述读给需要使用阅读器的读者听，让他们知道图像的含义。

a元素(超链接)：

    a元素(或称锚(anchor)元素);

        定义超链接，用于打开新的URL;

    a元素有两个常见的属性：

        href：Hypertext Reference的简称

            指定要打开的URL地址；

            也可以是一个本地地址；

        target：该属性指定在何处显示连接的资源。

            _self：默认值，在当前窗口打开URL；

            _blank：在一个新的窗口中打开URL；

            其他不常用（iframe元素结合）：

                            _parent：在父窗口中打开URL

                            _top：在顶层窗口中打开URL

        页面内的锚点效果

        1.在跳转到的元素上添加id

        2.定义a元素，并且a元素的href属性指向id

div元素、span元素及其区别:

    div元素和span元素都是“纯粹的”容器，也可以把他们理解成“盒子”，它们都是用来包裹内容的；

        div元素：多个div元素包裹的内容会在不同的行显示；

        用于把网页分割为多个独立的部分。

        span元素：多个span元素包裹的内容会在同一行显示；

        默认情况下，跟普通文本几乎没差别；

        用于区分特殊文本和普通文本，比如用来显示一些关键字。

HTML全局属性

    某些属性只能设置在特定的元素中：

        比如img元素的src、a元素的href；

    也有一些属性是所有HTML都可以设置和拥有的，这样的属性我       们称之为“全局属性（Global Attributes）”。

常见的全局属性如下：

    id：定义唯一标识符（id），该标识符在整个文档中必须是唯一的。其目的是在链接（使用片段标符脚本或样式（使用CSS）时标识元素。

    class：一个以空格分隔的元素的类名（classes）列表，它允许CSS和JavaScript通过类选择器或者DOM方法来选择和访问特定的元素。

<p class="owen oode nnid">neirong</p>

    style：给元素添加内联样式；

    title：包含表示与其所属元素相关信息的文本。这些信息通常可以作为提示呈现给用户，但不是必须的。     

元素语义化：用正确的元素做正确的事情。

SEO：搜索引擎优化（search engine optimization）是通过了解搜索引擎的运作规则来调整网站，以及提高网站在有关搜索引擎内排名的方式。