美文网首页
2018-07-17 CSS进阶

2018-07-17 CSS进阶

作者: _bab | 来源:发表于2018-07-17 21:02 被阅读7次

    一、HTML基础知识

    二、语义化

    2.1 标题语义化
    h1~h6在搜索引擎优化(SEO)中占有相当重要的地位。h1~h4被赋予一定的权重。很少用h5和h6。
    1). 一个页面只能有一个h1标签。
    2).h1~h6之间不要出现断层。

    2.2 图片语义化
    1)alt属性和title属性。
    img标签有两个重要属性:alt和title。
    alt属性用于图片描述,这个描述文件是给搜索引擎看的。并且当图片无法显示时,页面会显示alt中的文字。
    title属性也用于图片描述,不过这个描述文字是给用户看的。并且当鼠标指针移到图片上时,会显示title中的内容。
    语法:
    <img src="" alt="图片描述(给搜索引擎看)" title="图片描述(给用户看)">
    说明:搜索引擎跟人不一样,它看不出一张图片描绘的是什么东西,它只会查看HTML代码,通过img标签的alt属性或者页面上下文来判断图片的内容。因此,对于img标签,一定要添加alt属性,以便搜索引擎识别图片的内容。alt属性在搜索引擎优化中也很重要,并且会被赋予一定的权重。
    2)figure元素和figcaption元素。
    用来增强图片的语义化。
    例子:
    <figure>
    <img src="" alt=""/>
    <figcaption></figcaption>
    </figure>
    说明:
    figure元素用于包含图片和图标,figcaption元素用于表示图注文字。使得语义好。

    2.3 表格语义化

    2.4 表单语义化

    2.5 语义化验证

    2.6 HTML5摒弃的标签

    相关文章

      网友评论

          本文标题:2018-07-17 CSS进阶

          本文链接:https://www.haomeiwen.com/subject/vqggpftx.html