HTML中元信息meta标记属性的分析（附代码）-html教程-PHP中文网

HTML中元信息meta标记属性的分析（附代码）

不言

发布： 2018-07-21 11:45:06

原创

7682人浏览过

本篇文章给大家分享的是关于html中元信息meta标记属性的分析，内容很不错，有需要的朋友可以参考一下，希望可以帮助到大家。

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

基本语法：

<meta name = " "content=" ">
<meta http-equiv=" " content = " ">

登录后复制

name属性与content属性

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

立即学习“前端免费学习笔记（深入）”；

http-equiv属性与content属性

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

彩葫芦

用AI生成故事漫画、科普绘本、小说插画，加入彩葫芦绘画社区，一起释放创造力！

111

查看详情

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>

登录后复制