HTML学习日记之元信息meta标记

最新推荐文章于 2022-03-19 22:16:30 发布

转载最新推荐文章于 2022-03-19 22:16:30 发布 · 1.3k 阅读

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.mk2048.com/blog/blog.php?id=hh2k1iba20jb&title=HTML%E5%AD%A6%E4%B9%A0%E6%97%A5%E8%AE%B0%E4%B9%8B%E5%85%83%E4%BF%A1%E6%81%AFmeta%E6%A0%87%E8%AE%B0

标签

#web开发学习

前端专栏收录该内容

732 篇文章

订阅专栏

本文详细介绍了HTML中的元信息标记，包括meta标记的基本语法、属性及其用途，如描述网页、提供HTTP响应头信息等，帮助读者掌握如何正确使用meta标记优化网页。

所谓meta标记就是用来描述一个HTML网页文档的属性，也称为元信息，这些信息并不会显示在浏览器的页面中，例如作者、日期和时间、网页描述、页面刷新等。

基本语法：

name属性与content属性

name属性用于描述网页，它是以“名称/值”形式的名称，name属性的值所描述的内容(值)通过content属性表示，便于搜索引擎机器人查找、分类。其中最重要的是description、keywords和robots。

http-equiv属性与content属性

http-equiv属性用于提供HTTP协议的响应头报文，它是以“名称/值”形式的名称，http-equiv属性的值所描述的内容(值)通过content属性表示，通常为网页加载前提供给浏览器等设备使用。其中最重要的是content-type charset提供编码信息，refresh刷新与跳转页面，no-cache页面缓存，expires网页缓存过期时间。

meta标记的使用方法

<meta name = "keyworlds" contend="信息参数"/>

<meta name = "description" contend="信息参数"/>

<meta http-equiv = "content-type" contend="text/html;charset=信息参数"/>  ----在HTML5中可写成<meta charset="UTF-8">

<meta name = "author" contend="信息参数"/>

<meta http-equiv = "refresh" contend="时间; url=网址参数"/>

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="前端开发">
    <meta name="description" content="前端开发">
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
    <title>前端开发技术初步应用</title>
</head>
</html>