HTML的meta标签常见用法介绍

这次给大家带来htmlmeta标签常见用法介绍,使用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标签设定自动刷新时间
语法格式


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


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

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


示例:


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

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


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


相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

HTML文本格式化的实例详解

html中频繁用的标签总结

Html网页表格结构化标记该如何使用

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

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

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

相关推荐

  • HTML的基础知识.关于css样式表和样式属性的详细介绍

    这次给大家带来html的基础知识.关于css样式表和样式属性的详细介绍,使用html的基础知识css样式表和样式属性的注意事项有哪些,下面就是实战案例,一起来看一下。 一、position:fixed     锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:a…

    好文分享 2025年12月21日
    000
  • HTML基础知识,关于超链接设置的样式的详细介绍

    这次给大家带来html基础知识,关于超链接设置的样式的详细介绍,设置html的超链接样式的注意事项有哪些,下面就是实战案例,一起来看一下。 ***设置超链接的样式示例  a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 立即学习“前端免费学习笔记(…

    好文分享 2025年12月21日
    000
  • html如何制作细线表格

    这次给大家带来html如何制作细线表格,用html制作细线表格的注意事项有哪些,下面就是实战案例,一起来看一下。 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border=”0″ cellspacing=”1″…

    好文分享 2025年12月21日
    000
  • html块级标签,行内标签,行内块标签的显示模式有哪些

    这次给大家带来html块级标签,行内标签,行内块标签的显示模式有哪些,使用html块级标签,行内标签,行内块标签显示模式的注意事项有哪些,下面就是实战案例,一起来看一下。 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标…

    好文分享 2025年12月21日
    000
  • 关于HTML操作滚动条的方法

    这次给大家带来关于html操作滚动条的方法,用html操作滚动条的注意事项有哪些,下面就是实战案例,一起来看一下。 html 标签加属性     2.body中加入以下代码 html{ overflow-x: hidden; overflow-y: hidden; } html页面去除滚动条的方法 …

    好文分享 2025年12月21日
    000
  • HTML的语法详解

    这次给大家带来html的语法详解,怎么使用html的语法?使用html语法的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是HTML标记语言? HTML是表示网页信息的符号标记语言。 2.HTML的标记和他的属性 1.HTML文档的保存格式:.html、.htm、.xhtml 立即学习“前端…

    好文分享 2025年12月21日
    000
  • HTML的编辑基础(新手必看篇)

    这次给大家带来html的编辑基础(新手必看篇),下面就是实战案例,一起来看一下。 打开DREAMWEAVER,新建HTML。。 body的属性: bgcolor                页面背景色 background            背景壁纸、图片 立即学习“前端免费学习笔记(深入)”…

    好文分享 2025年12月21日
    000
  • html的特殊字符-css3 content:”特殊符号”应该如何使用

    这次给大家带来html的特殊字符-css3 content:”特殊符号”应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。 项目中用到的一些特殊字符和图标 html代码 css代码.cross{ width: 20px; hei…

    好文分享 2025年12月21日
    000
  • html里的列表标签有哪些?

    这次给大家带来html里的列表标签有哪些?,使用html里的列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。 dl>定义列表, 定义列表中的项目,对项目的描述 无序列表,列表项 有序列表,列表项 相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章! 立即学习“前端免费…

    好文分享 2025年12月21日
    000
  • html中频繁用的标签总结

    这次给大家带来html中频繁用的标签总结,哪些是html中频繁用的标签,下面就是实战案例,一起来看一下。 内容详细标签: ~ 标题标签 格式化文本下划线(underline)斜体字(italics)引用,通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等字体变大和字体变小加删…

    好文分享 2025年12月21日
    000
  • HTML文本格式化的实例详解

    这次给大家带来html文本格式化的实例详解,html文本格式化的注意事项有哪些,下面就是实战案例,一起来看一下。 一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化 This text is bold This text is strong This text is big Thi…

    好文分享 2025年12月21日
    000
  • html页面公共样式有哪些

    这次给大家带来html页面公共样式有哪些,使用html页面公共样式的注意事项有哪些,下面就是实战案例,一起来看一下。 body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td…

    好文分享 2025年12月21日
    000
  • 语义化的HTML结构有哪些对于对网站的优化

    这次给大家带来语义化的html结构有哪些对于对网站的优化,语义化的html结构的注意事项有哪些,下面就是实战案例,一起来看一下。 一: 1. 语义化标签只是HTML,CSS不存在语义化。HTML是标签,CSS是属性。 2. 语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(d…

    好文分享 2025年12月21日
    000
  • HTML的基本结构有哪些

    这次给大家带来html的基本结构有哪些,设计html基本结构的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML简介 HyperText Markup Language:超文本标记语言 HyperText:超文本(文本 + 图片 + 视频 + 音频 + 链接) Markup Language…

    好文分享 2025年12月21日
    000
  • html代码在编写过程中的一定要注意的三点

    这次给大家带来html代码在编写过程中的一定要注意的三点,编写html代码的注意事项有哪些,下面就是实战案例,一起来看一下。 本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。 1.内联标签…

    好文分享 2025年12月21日
    000
  • html以及css的常用用法

    这次给大家带来html以及css的常用用法,html以及css用法的注意事项有哪些,下面就是实战案例,一起来看一下。 我将利用三天的时间来完成制作京东首页的静态页面效果,其中包含的内容有html以及css。 1、在开发进行之前,首先要配置开发环境:我们需要安装sublime  webstorm  v…

    好文分享 2025年12月21日
    000
  • HTML中的meta设置方法

    这次给大家带来html中的meta设置方法,html中设置meta的注意事项有哪些,下面就是实战案例,一起来看一下。 立即学习“前端免费学习笔记(深入)”; <!– –> <!– –> <!– –&…

    好文分享 2025年12月21日
    000
  • 在HTML元素中如何嵌入图像

    这次给大家带来在html元素中如何嵌入图像,在html元素中嵌入图像的注意事项有哪些,下面就是实战案例,一起来看一下。 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接,代码如下: @@##@@ 浏览器显示这张图片的方式没有什么不同。因此,重要的一点事要向用户提供…

    好文分享 2025年12月21日
    000
  • HTML的标记文字详解

    这次给大家带来html的标记文字详解,html的标记文字的注意事项有哪些,下面就是实战案例,一起来看一下。 .用基本的文字元素标记内容 对应HTML代码: Learn4Font 元素 b —— I am the example. 元素 em —— I am the example.立即学习“前端免费…

    2025年12月21日
    000
  • 基于HTML如何做出多图上传预览效果

    这次给大家带来基于html如何做出多图上传预览效果,基于html做出多图上传预览效果的注意事项有哪些,下面就是实战案例,一起来看一下。 自己最近写了一个网页多图上传的脚本,感觉挺实用的,细节就不要说了,直接贴代码了~ .pro_img{ margin-left:10px;margin-top:10p…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信