百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML中元信息meta标志属性的剖析(附代码)
分享文章到:

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

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章给大家分享的是关于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不一样表格属性的总结(附代码)

以上就是HTML中元信息meta标志属性的剖析(附代码)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板