欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-18 18:17:50
所谓meta标记就是用来描述一个HTML网页文档的属性,也称为元信息,这些信息并不会显示在浏览器的页面中,例如作者、日期和时间、网页描述、页面刷新等。 基本语法: nam ......

所谓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网页缓存过期时间。

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

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>