HTML中级教程 - 3.Meta标签的使用

最新推荐文章于 2023-02-04 14:57:48 发布

李长朔

最新推荐文章于 2023-02-04 14:57:48 发布

阅读量671

点赞数

分类专栏： HTML中级教程文章标签： HTML中级教程 HTML教程

本文链接：https://blog.csdn.net/bestsg/article/details/10053171

版权

HTML中级教程专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Meta不会改变任何显示在浏览器中的内容,但是他们使用搜索引擎来吧网页的内容编入目录。

元标签(meta tag)可以尽量多的使用在你的head元素中，它包含了charset,name,http-equiv和content的特性。

当name或者http-equiv特性被使用的时候,content特性用来作为应用meta数据的结合。

Names

名字特性可以是任何东西。最常用的name特性是author,description和keywords.

author是用来明显的陈述HTML页面的author。description是用来让搜索引擎来显示页面的搜索结果的description。

注意：Meta标签重要的原因是因为他们依靠搜索引擎来建立网页资料。meta数据的keywords使用非常的广泛。比如说,大部分的搜索引擎使用网页实际的内容。

HTTP Equivalents

http-equiv特性可以用来代替name特性来作为HTTP头部，当网页处理的首座作为发送到server的信息。attribute特性使用非常的少，但是可以有如下的值：

- content-type 一种编码的宣告.定义有哪些设置使用了。

- default-style 从link或style元素中选择的倾向的stylesheet

-refresh 定义多久一个页面自动刷新或则是自动重定向到另外一个页面。对于可访问性不是很好。

注意：charset特性可以用来作为一种速记的方法来定义HTML文件的character set。

例如：<meta charset="utf-8"> 和<meta http-equiv="content-type" content="text/html; charset=utf-8">是一样的.

Meta代码示例如下：

<head>
    <title>Air conditioners? YEAH conditioners!</title>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="3"><!--not recommended for sane people-->
    <meta name="description" content="This is my really, really, REALLY exciting web page about air conditioners">