Html中meta标签的用法和作用

简介:
mate标签的用法和作用:
meta标签一般用于网页中的<head>与</head>之间,meta标签的种类有很多。在我们网页设计中用的比 较多的有keywords,description等几种。meta的属性有两种:name和http-equiv。name主要用于描述网页,对应于 content(网页内容),以便于搜索引擎机器人查找,抓取。这其中最重要的是description和keywords,所以应该给每页加一个 meta值。虽然目前搜索引擎对html页面中mate标签的重视程度越来越小,他依旧是不可缺少的一部分。

    比较常用的有如下几种:

    <meta name="keywords" contect=" ">  向搜索引擎说明你的网页的关键词;

    <meta name="description" contect="">  告诉搜索引擎你的站点的主要内容;

    <meta name="author" contect="你的姓名">告诉搜索引擎你的站点的站长或者是作者是谁;

    <meta name="Generator" contect="">  用来说明网页生成工具(如Microsoft FrontPage 4.0)等;

    http-equiv属性

    <meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">  用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、 shift-Jis、Euc、Koi8-2等字符集;

    <meta http-equiv="Refresh" contect="n;url=http://yourlink" >  定时让网页在指定的时间n内,跳转到页面http;//yourlink;

    <meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">  可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

    <meta http-equiv="Pragma" contect="no-cache">  是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

    <meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">  cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

    <meta http-equiv="Pics-label" contect="">  网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

    <meta http-equiv="windows-Target" contect="_top">  强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

 






      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/925201,如需转载请自行联系原作者


相关文章
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
314 5
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
511 49
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
375 5
html基本用法
HTML(超文本标记语言)是用于创建网页的标记语言。它通过标签定义文档结构,如文档类型、根元素、元数据和内容。常用标签包括段落、图像、分区、文本格式化、超链接和列表等。例如,使用 `<p>` 标签创建段落,`<img>` 插入图像,`<a>` 创建链接,`<ul>` 和 `<ol>` 分别创建无序和有序列表。
185 16
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
261 2
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
167 1
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
1318 1
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
1307 1
|
存储 移动开发 前端开发