html入门之meta

柔情只为你懂 2022-06-16 03:59 100阅读 0赞

定义和用法

<meta> 元素可提供有关页面的元信息（meta-information），

比如针对搜索引擎和更新频度的描述和关键词。

meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
    
    content（内容类型）：重要！！告诉浏览器这个网页的格式是文本的还是网页的模式。

charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，

需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

<meta http-equiv="charset" content="iso-8859-1">
    <meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含：

content-type: text/html
    charset:iso-8859-1
    expires:31 Dec 2008

下面是部分mata的含义：

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />  <meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />  <meta name="author" content="FreeHTML5.co" />   <meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/> <meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" />

想要深入了解html，可以参考W3C官网：

[http://www.w3school.com.cn/tags/tag\_meta.asp\#meta\_prop\_name][http_www.w3school.com.cn_tags_tag_meta.asp_meta_prop_name]

[http_www.w3school.com.cn_tags_tag_meta.asp_meta_prop_name]: http://www.w3school.com.cn/tags/tag_meta.asp#meta_prop_name

发表评论取消回复

表情：

评论列表（有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读

相关 html meta标签

> `<meta />`标签位于文档头部(head标签内)，可用于定义文档内的元数据（采用键值对的格式）一、通用属性 `content`: 元数据的值 > 元数

╰半橙微兮°/ 2022年12月23日 03:28/ 0 赞/ 110 阅读

相关 meta 详解，html5 meta 标签日常设置

<!DOCTYPE html>  <html lang="zh-cmn-Hans"> <!--

ゝ一世哀愁。/ 2022年09月25日 11:14/ 0 赞/ 163 阅读

相关 html的meta总结，html标签中meta属性使用介绍

前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引

àì夳堔傛蜴生んèń/ 2022年08月20日 09:30/ 0 赞/ 207 阅读

相关 HTML meta详解

之前学习前端中，对meta标签的了解仅仅只是这一句。 <meta charset="UTF-8"> 但是打开任意的网站，其head标签内都有一列的meta标签。比如

末蓝、/ 2022年08月20日 04:27/ 0 赞/ 129 阅读

相关 HTML之——<meta> 元素是什么

发现项目里面的前端页面，手机设备的页面，有一些没见过的meta标签，感到好奇，因为之前被问到一个关于手机前端的问题，我只回答了自己不懂当时对适配是怎么做到是很有兴趣的，刚好找

浅浅的花香味﹌/ 2022年08月07日 03:48/ 0 赞/ 515 阅读

相关 html meta

meta　　meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-e

ゝ一世哀愁。/ 2022年07月21日 12:23/ 0 赞/ 132 阅读

相关 html meta 标签

通常所说的META标签，是在[HTML][]网页源代码中一个重要的[html标签][html]。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、

ゝ一纸荒年。/ 2022年07月13日 05:10/ 0 赞/ 196 阅读

相关 html入门之meta

定义和用法 <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta是htm

柔情只为你懂/ 2022年06月16日 03:59/ 0 赞/ 101 阅读

相关 HTML meta标签总结,HTML5 head meta属性整理

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。链接:[http://caibaojian.com/mobile-meta.html\comme

水深无声/ 2022年06月09日 08:44/ 0 赞/ 209 阅读

相关 html meta标签大全

keywords,description(经常用到的两个) 页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开 <meta name="k

绝地灬酷狼/ 2022年06月04日 00:18/ 0 赞/ 232 阅读