Rumah >hujung hadapan web >html tutorial >HTML中元信息meta标记属性的分析(附代码)

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

不言
不言asal
2018-07-21 11:45:067282semak imbas

本篇文章给大家分享的是关于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网页缓存过期时间。

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>

相关推荐:

HTML不同表格属性的总结(附代码)

Atas ialah kandungan terperinci HTML中元信息meta标记属性的分析(附代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn