当前位置 博文首页 > 史迪奇国王的博客:HTML的主体元素(1+XWeb证书个人整理)

    史迪奇国王的博客:HTML的主体元素(1+XWeb证书个人整理)

    作者:[db:作者] 时间:2021-08-09 16:04

    《!DOCTYPE》:声明文档类型

    《HTML》:HTML真正的根元素

    《head》:定义HTML文档的文档头

    《title》:定义HTML文档的标题,可用属性有dir和lang
    《base》:为页面上的所有链接规定默认地址或者默认目标(target)
    《link》:定义文档与外部资源之间的关系常用于链接css样式表
    《meta》:提供关于HTML的原数据,不会显示在页面一般用于向浏览器传递信息或者命令作为搜索引擎或者用于其他的Web服务
    《style》:用于HTML文档定义样式信息
    《script》:用于定义客户脚本 如JavaScript

    《body》:定义HTML文档的文档体

    name属性分为如下

    keywords:用于告诉搜索引擎该网页的关键字
    description:用于告诉搜索引擎该网页的主要内容

    robots:用于告诉搜索引擎该网页的是否需要索引它的参数有以下几种*
    none:搜索引擎将忽略此网页,等价于noindex,nofollow
    index:搜索引擎索引此网页
    noindex:搜索引擎不索引此网页
    follow:搜索引擎继续通过此网页的链接索引搜索其他的网页
    nofollow:搜索引擎不继续通过此网页的链接索引搜索其他的网页
    ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~

    author:用于标注该网页作者,通常后面也会有邮箱
    generator:用于标注该网页是什么软件编写的
    copyright:用于标注版权信息
    revisit-after:如果页面不是经常更新,为了减轻搜索引擎爬虫为服务器带来的压力,可以设置一个爬虫的重访时间,如重返时间过短爬虫将按它们定义的默认时间访问

    http-equiv属性分为如下

    content-Type:用于设定网页字符及便于浏览器解析与渲染页面,其中字符集可以更换,但如果国际通用则尽量用utf-8
    cache-control:用于告知浏览器如何缓存某个响应及缓存多长时间,它的参数有以下几种
    no-cache:先发送请求,如果服务器确认该资源是否被更改,如果未被更改,则使用缓存
    no-store:允许缓存,每次都要去服务器上下载完整的响应
    public:缓存所有响应,但不是必要的,因为max-age也可以达到相同的效果
    private:只为单个用户缓存,因此不允许任何中继进行缓存
    max-age:表示当前请求开始,相应响应在多久内能被缓存和重用而不去服务器重新请求,例如max-age=60,表示响应,可以在缓存和重用60秒
    ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~ ~~~

    expires:用于设定网页的到期时间过期后必须到服务器上重新传输
    refresh:网页将设定的时间内,自动刷新并转向设定的网址
    Set-Cookie:用于设置网页过期,那么这个网页存在本地的cookies也会被自动删除,这里需要注意的是必须使用GMT的时间格式

    cs