HTML的meta标签用法总结

meta标签html中很重要,本文我们将介绍html的meta标签用法总结,希望能帮助到大家大家。

什么是mata标签

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们都能看到meta标签,不过浏览器的显示页面中是看不到的,也许你认为这些代码可有可无。其实meta标签很重要,会给你的网站带来实际的效果,例如网站描述()会在搜索引擎的索引中得到体现. 例如使用meta标签设置网站的编码是gbk2312还是utf-8meta标签设定关键字

基本语法


关键字标签作用是告诉搜索引擎网站的内容的是关于那些方面的内容,方便搜索引擎对网站的定义和索引.关键字和关键字之间使用英文输入法下的逗号隔开,关键字的长度一般不超过100个字符.
例如我们网站是关于Web开发技术学习的网站,关键字描述可以这么写:

立即学习“前端免费学习笔记(深入)”;


当用户在搜索引擎搜索这些关键字时,你的网站就能在结果中出现. 但是由于早期很多作弊者(黑帽SEO)利于关键字堆砌作弊,现在的搜索引擎(百度)对关键字不再那么敏感.

meta标签设定描述
语法格式:


网页的描述很重要,直接能够在搜索引擎中得到体现.例如打开百度网站搜索”新浪”看到以下页面

meta标签设定字符集
语法格式:


常见的编码格式有中文编码(gbk2312)和国际编码(UTF-8) ,gbk2312是中文编码,如果你的网站内容都是中文的就使用gbk2312  UTF-8是国际编码左右的文字通用(包括中文和英文). 它们的主要区别是gbk2312是专门为中文打造的,一个汉字占2个字符. UTF-8是通用的一个汉字占3个字节. 早期的网络带宽资源短缺所以使用gbk2312编码可以节省带宽,提高网页的打开速度,但是现在我们家庭带宽都是4M起完全忽略节省的那些字节.
  示例:


我们在浏览网页的时候,大多数人都碰到过乱码的页面把. 编码格式是让浏览器以设定的编辑格式进行解析,如果编码格式不正确就会用出现乱码. 所以我建议使用通用的UTF-8编码,这样全球所有的浏览器访问我们的网页都能正常显示.

meta标签设定自动刷新时间
语法格式


刷新时间以秒为单位,例如论坛的页面只有刷新后才能看到新发布帖子,像这样更新速度很快的页面可以加入自动刷新的代码,保证可以看到最新的页面.
示例:

XML/HTML Code复制内容到剪贴板


这里我们演示把时间设定为3秒,请自行测试.

meta标签设定自动跳转新页面
语法格式


示例


当浏览器打开此页面,3秒后将自动跳转到我们网站的首页.

meta标签设定禁用缓存
语法格式


我们知道浏览器都有个缓存机制,就是打开一个网页会自动保存在本地,这样做的目的在一定的时间内再次访问会直接调用缓存中的文件提高访问速度. 但是像论坛这种时时变化的页面我们不希望浏览器保存缓存文件可以加上这句代码.  在程序开发中还有一个用途,程序调试要时时查看代码修改后的效果可以使用此代码禁用浏览器缓存.
另外的一种写法:


以上就是HTML的meta标签用法总结的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545705.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:17:09
下一篇 2025年12月21日 17:17:23

相关推荐

  • 怎样使用a标签的href属性与onclick事件

    这次给大家带来怎样使用a标签的href属性与onclick事件,使用a标签的href属性与onclick事件的注意事项有哪些,下面就是实战案例,一起来看一下。 a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现。 本站 这段代码在主流浏览器里都没问题,但在IE6下…

    好文分享 2025年12月21日
    000
  • html可输入下拉菜单应该如何编写

    这次给大家带来html可输入下拉菜单应该如何编写,编写html可输入下拉菜单的注意事项有哪些,下面就是实战案例,一起来看一下。 代码如下: <?php echo ' 汽车 火车 飞机 ‘; $aa=$_GET[‘hh’].”111″; // select 下拉菜单的值 $bb=$_G…

    好文分享 2025年12月21日
    000
  • 在html中怎样可以用超链接打开新窗口并且控制窗口属性

    这次给大家带来在html中怎样可以用超链接打开新窗口并且控制窗口属性,在html中用超链接打开新窗口并且控制窗口属性的注意事项有哪些,下面就是实战案例,一起来看一下。 1、html超链接打开的窗口大小  aaaaaaaaaaaaaaa 2、如果在php中,引号多,比较难弄清除,可通过以下方式: $o…

    好文分享 2025年12月21日
    000
  • 如何用html的title属性实现鼠标悬停显示文字

    这次给大家带来如何用html的title属性实现鼠标悬停显示文字,用html的title属性实现鼠标悬停显示文字的注意事项有哪些,下面就是实战案例,一起来看一下。 代码如下: hello 当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示 相信看了这些案例你已经掌握了方法,更多精彩请关…

    好文分享 2025年12月21日
    000
  • 怎样给HTML元素设置焦点

    这次给大家带来怎样给html元素设置焦点,给html元素设置焦点的注意事项有哪些,下面就是实战案例,一起来看一下。 代码如下: <body function myfocus() { document.getElementById(‘id’).focus(); } 相信看了这些案例你已经掌握了方…

    好文分享 2025年12月21日
    000
  • 在html中,如何用style添加属性

    这次给大家带来在html中,如何用style添加属性,在html中用style添加属性的注意事项有哪些,下面就是实战案例,一起来看一下。 在需要的连接添加行内样式: 代码如下: 30 相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章! 相关阅读: 立即学习“前端免费学习笔记(深入)…

    好文分享 2025年12月21日
    000
  • 在html中怎样可以做到下拉菜单提交后保留选中值不返回默认值

    这次给大家带来在html中怎样可以做到下拉菜单提交后保留选中值不返回默认值,在html中做到下拉菜单提交后保留选中值不返回默认值的注意事项有哪些,下面就是实战案例,一起来看一下。 代码如下: default <option value="option1" >optio…

    好文分享 2025年12月21日
    000
  • html 表格太宽溢出父容器的解决方法

    这次给大家带来html 表格太宽溢出父容器的解决方法,解决html表格太宽溢出父容器的注意事项有哪些,下面就是实战案例,一起来看一下。 表格如果比较宽,则有可能溢出。 比如有两个div,左和右。如果表格在右边的div中,但是它比较宽,则显示的时候很可能右边的div中没有显示,而是显示在了下边。此时只…

    好文分享 2025年12月21日
    000
  • HTML的head头标签有哪些用法

    这次给大家带来html的head头标签有哪些用法,使用html的head头标签的时候注意事项有哪些,下面就是实战案例,一起来看一下。 HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性…

    好文分享 2025年12月21日
    000
  • 在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同

    这次给大家带来在html的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同,在html的列表中,使用dl(dt,dd)、ul(li)、ol(li) 的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML 标签 #定义和用法 标签定义了定义列表(definition list)…

    好文分享 2025年12月21日
    000
  • HTML中head头结构应该如何使用

    这次给大家带来html中head头结构应该如何使用,使用html中head头结构的注意事项有哪些,下面就是实战案例,一起来看一下。 下面介绍下常用的head头部结构,以及对各个标签、元素的意义以及使用场景一一介绍(本篇以一丝大神的文章为基础,进行扩展总结)。  padding.me的head头结构 …

    好文分享 2025年12月21日
    000
  • 在HTML中disabled与readonly的有什么不同之处?

    这次给大家带来在html中disabled与readonly的有什么不同之处?,在html中使用disabled与readonly的注意事项有哪些,下面就是实战案例,一起来看一下。 1:readonly是要锁定这个控件,通过在界面上无法修改他(但是通过javascript可以修改他)。 2:disa…

    好文分享 2025年12月21日
    000
  • html的打印代码支持翻页

    这次给大家带来html的打印代码支持翻页,使用html支持翻页的打印代码注意事项有哪些,下面就是实战案例,一起来看一下。 ylbtech_html_print html打印代码,支持翻页  看看 .Noprint{display:none;} .PageNext{page-break-after: …

    2025年12月21日
    000
  • HTML标签嵌套的详细规则

    这次给大家带来html标签嵌套的详细规则,html标签嵌套的注意事项有哪些,下面就是实战案例,一起来看一下。 最近在重新学习HTML的知识,算是对HTML的一个重新认识吧!别小看了这东西,一切的网页可都是以它为基础的!下面就详细归纳一下HTML标签的嵌套规则吧,希望对大家有所帮助。 XHTML的标签…

    好文分享 2025年12月21日
    000
  • HTML的cellpadding属性与cellspacing属性应该如何使用

    这次给大家带来html的cellpadding属性与cellspacing属性应该如何使用,使用html的cellpadding属性与cellspacing属性的注意事项有哪些,下面就是实战案例,一起来看一下。 单元格(cell) — 表格的内容 单元格边距(表格填充)(cellpadd…

    2025年12月21日
    000
  • HTML的form标签用法

    一般表单内多以使用标签收集用户的输入信息,其输入类型是由type决定的。多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。常见的输入类型有文本域、单选按钮、复选框、下拉菜单等等。  HTML中表单可以用来搜集用户各种类型的输入信息。表单实际上是包含表单元素的区域,在这…

    2025年12月21日 好文分享
    000
  • HTML如何隐藏滚动条或去除滚动条

    滚动条可以存在也可以不存在,本文主要介绍了html 隐藏滚动条和去除滚动条的方法的相关资料,大家一起来学习一下html隐藏滚动条或去除滚动条的方法吧。 1. html 标签加属性 XML/HTML Code复制内容到剪贴板 2.body中加入以下代码 立即学习“前端免费学习笔记(深入)”; html…

    好文分享 2025年12月21日
    000
  • 编写高性能HTML应用有哪些点需要注意

    这次给大家带来编写高性能html应用有哪些点需要注意,编写高性能html应用的注意事项有哪些,下面就是实战案例,一起来看一下。 你怎么能提高网页性能?   大多数开发者会通过JavaScript和图片来优化,通过服务器配置,压缩文件和合并文件 – 甚至调整CSS(合并小图片)。   可怜…

    好文分享 2025年12月21日
    000
  • html的标签的应该怎样嵌套

    这次给大家带来html的标签的应该怎样嵌套,html的标签嵌套的注意事项有哪些,下面就是实战案例,一起来看一下。 XHTML的标签有许多:p、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,…

    2025年12月21日
    000
  • 怎样使用HTML meta优化网页

    这次给大家带来怎样使用html meta优化网页 ,使用html meta优化网页的注意事项有哪些,下面就是实战案例,一起来看一下。 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信