• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 举例讲解HTML中META标签的一些使用技巧

举例讲解HTML中META标签的一些使用技巧

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,META等相关知识,佚名 希望在学习及工作中可以帮助到您

HTML meta 标签

HTML meta 标签可以用来提供网页内容的信息给浏览器或是搜寻引擎,例如网页内容的描述、网页重要关键字、网页编码等都是常用 meta 来标示的网页信息,另外还有网页作者、网页发布时间、所使用的编辑器等较不重要的信息,也可以透过 META TAG 来标示,META 的功能仅是用来注明这些网页信息,且提供给浏览器或是搜寻引擎,并非是要给写给浏览网页的"人"看的内容。

HTML meta 标签写在 head 范例

  1. <head>  
  2. <title>测试网页</title>  
  3. <meta name="description" content="这里是网页的简短描述">  
  4. <meta name="keywords" content="关键字 1,关键字 2">  
  5. </head>   

标准的 <meta> 标签没有结尾,直接将参数写在 <meta> 内即可,一个网页内可以有很多个不同的 <meta> 标签,全部都要写在 head 标签内,范例中的 title 标签是用来标示网页标题用的,可以写在 <meta> 标签之前,也可以写在 <meta> 标签之后。

一、显示及排列中文

  1. <META http-equiv="Content-Type" content="text/html; charset=big5">  

说明:
Content-Type==>文件内容格式
;==>CONTENT内要作的每件事" ",分别以分号区隔
text/html==>纯文字/超文字
charset==>字符组为中文繁体大五码,如用iso-2022-jp是指日文


二、让搜索引擎容易找到您

  1. <META NAME="KeyWords" CONTENT="计算机教学'网络教学'Linux教学'CSS教学'HTML教学'软件教学'发信教学'SEO教学'交换连结">  
  2. <META NAME="KeyWords" CONTENT="css'HomePage'html'linux'seo">  

说明:网页内文关键字,可使用中、英文均可


三、关于网站的内容描述

  1. <META NAME="Description" CONTENT="这是一个免费学习网页制作的好地方,网络研究所">  

说明:Description==>内容的主要描述


四、这个网页的作者是谁

  1. <META NAME="Author" CONTENT="PCNET">  

说明:标注本网页作者姓名等资料


五、这是用何编辑器完成的网页

  1. <META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">  

说明:
标注本网页作者姓名等资料
Generator==>编辑器
Mozilla/3.0Gold(Win95)[Netscape]==>编辑器等版本说明


六、这个网页何时完成

  1. <META NAME="Creation-Date" CONTENT="01-jan-2003 20:40:01">  

说明:
Creation-Date==>创作日期
01-jan-2003 20:40:01==>详细日期时间


七、这个网页有效时期及不被Cache所限制

  1. <META NAME="Expired" CONTENT="01-jan-2005 00:00:00">  
  2. <META HTTP-EQUIV="Pragma" CONTENT="no_cache">  

说明:
Expired==>网页终止期限
01-jan-2005 00:00:00==>已过去的日期时间,也可以用Mon,12 Jan 2007 00:00:00 GMT
no_cache==>不被Cache所限制,也就是网页没有记忆功能。


八、网页作者的网址与信箱

  1. <link rev="made" href="mailto:pcnettw@yahoo.com.tw">  

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05关于textarea文本转为html即回车换行
  • 2017-08-05html左右布局示例代码
  • 2017-08-05HTML基础总结推荐(标题)
  • 2017-08-05html标签中的this使用介绍
  • 2017-08-05HTML基础总结推荐(文本格式)
  • 2017-08-05html的基本使用包括链接、样式表、span和div等等
  • 2017-08-05网页表格或div层在网页中被撑开解决之道
  • 2017-08-05html+css+javascript实现列表循环滚动示例代码
  • 2017-08-05在页面中调用搜索引擎以调用百度为例
  • 2017-08-05今天遇到了很奇葩的li a的点击问题自己解决的

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html超链接样式(四种不同状态)设置示例
    • ul和li 基本用法分析
    • html Meta标签小集
    • html-css设置标签样式不起作用的2点原因
    • HTML文档类型详解 推荐
    • firefox支持webdings字体的方法
    • html页面嵌套使用示例(frameset使用方法)
    • Web分页打印 细线表格+分页打印之终极攻略
    • iframe截取网站部分内容实现思路及代码
    • ie6下的背景图片缓存

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有