Meta -- 容易被忽视的HTML元素

  随着FrontPage及Dreamweaver等可视他的网页编辑器的流行,不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是这些主页制作工具都不能自己生成一个好的头部,这就需要我们来了解一下可用在中的元素了。
< Title >已经是众所周知的了,在这里我们要看的就是头部里的另一个重要元素< Metab >了。
首先,Meta可以告诉浏览器网页所识别的文件类型及语言类型,比如说,我们要让浏览器识别HTM/HTML类型的简体中文网面,我们可以这样写:
< Meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
其次,Meta可以让一些搜索引擎搜索到你的网页:< Meta Name=" description" Content="网页描述文字" > < Meta Name=" Keywords" Content="网页关键字" >
如果说这两种用法Meta的基本用法,也是FrontPage等可以生成的代码,那么下面这些用法就是这些可视化的编辑器无法完成的了:
1. 通过Meta你可以让一个页面过上一定的时间,自动转到另一个页面或者站点去,如:
< Meta HTTP-EQUIV="refresh" content="6; url=http://www.computerworld.com.cn" > content中的6表示时间,单位为秒。
2. 通过Meta可以让你进入页面时产生一些特殊效果,具体应用如下:
< meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" > 其中,n的取值范围为0-23,具体的意义如下:
0 矩形缩小  1 矩形扩大  2 圆形缩小
3 圆形扩大  4 下到上   5 上到下
6 左到右   7 右到左   8 竖百叶窗
9 横百叶窗  10 错位横百叶窗  11 错位竖百叶窗
12 点     13 左右到中间   14 中间到左右
15 中间到上下  16 上下到中间  17 右下到左上
18 右上到左下  19 左上到右下  20 左下到右上
21 横条  22 竖条  23 以上  24种随机选择一种

需要注意的是这些特殊效果只对在 top 中进入的新页面有效。
只需把上面这些东西写到< head >中,那么你的做出的网页肯定会令人刮目相看了。

时间: 2024-10-28 13:30:07

Meta -- 容易被忽视的HTML元素的相关文章

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数_javascript技巧

首先这个元素position为fixed top为(clientHeight-elem.offsetHeight)/2(即元素在浏览器的中间,这个是固定的) left为(clientWidht-主体宽度)/2+主体宽度+左边距,左边距可以设为正数,也可以为负数,如果为负数时的绝对值 等于 主体宽度+elem.offsetWidht,那么元素就刚好浮动在页面主体的左边,设置为0时,刚好浮动在页面主体的右边 但是万恶的ie6不支持css中fixed属性,好在ie6可以通过expresion表达式来解

《HTML5 开发实例大全》——1.13 使用&lt; progress &gt;标记元素实现进度条效果

1.13 使用< progress >标记元素实现进度条效果 实例说明 在全新HTML 5中,可以使用< progress >标记元素实现进度条效果.当页面在与用户进行数据交互时,为了增强用户的UI体验,通过进度条效果显示在页面中的各种进度状态.< progress >元素是HTML 5中新增的状态交互元素,用来表示页面中的某个任务完成的进度.例如,我们在下载一个文件时,文件下载到本地的进度值,可以通过该元素动态展示在页面中.展示进度的方式既可以使用整数,也可以使用百分

仅img元素创建后不添加到文档中会执行onload事件的解决方法_javascript技巧

示例 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> <script> var img = document.createElement('img'); img.src = &qu

《HTML5 开发实例大全》——1.10 使用&lt; menu &gt;标记元素实现菜单交互

1.10 使用< menu >标记元素实现菜单交互 https://yqfile.alicdn.com/57c9630f60e6369207b2ac58417f09cb4753462a.png" > 实例说明 在全新的HTML 5中,除了常用的内容交互元素外,使用较为频繁的还有菜单交互元素,此功能主要采用< menu >与< command >两个元素实现.本实例的目的是演示< menu >标记元素的基本用法.< menu >是H

《HTML5 开发实例大全》——1.22 使用&lt; cite &gt;元素引用文档

1.22 使用< cite >元素引用文档 实例说明经过前面内容的学习了解到,在HTML 5中可以使用< cite >元素创建一个引用标记,用于在文档中引用参考文献之类的说明,例如,常见的书名或文章名称.在本实例中,首先通过< p >元素显示一段文档:然后,在文档的下面使用< cite >元素标识这段文档所引用的书名. 具体实现 使用Dreamweaver创建一个名为"022.html"的文件,具体代码如下所示: <!DOCTYPE

《HTML5 开发实例大全》——1.14 使用&lt; meter &gt;标记元素实现百分比效果

1.14 使用< meter >标记元素实现百分比效果 https://yqfile.alicdn.com/c3099a64423cf37b3835db6db85d6fba788aed79.png" > 实例说明 在全新的HTML 5中,可以使用< meter >标记元素实现百分比效果.< meter >是HTML 5中新增的标记,用于表示在一定数量范围中的值,例如,投票中各个候选人各占比例情况及考试分数等.< meter >元素仅是帮助浏览

无线标记语言(WML)基础之WML编程方法

编程 元素和标签是WML的主要语法,它们决定了WML编程的基本原则.本章我们将从WML的元素.标签.属性等方面详细讲解WML的编程方法.学习本章知识之前,读者应当了解WML元素与标签的区别.WML的元素通常有一个首标签.内容.其它元素及一个尾标签组成.也就说,单独的标签是一个元素,成对出现的标签与其包含的内容也构成一个元素.由于元素牵涉及标签,标签又涉及属性. 3.1 卡片.卡片组及其属性 我们前面介绍了WML的卡片与卡片组,主要从概念和相互关系的角度进行了分析.我们这里则从卡片.卡片组的组成.

SEO葵花宝典:万物皆是文本块

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 首先,你必须了解爬虫很喜欢文本.页面上的每段信息最终都转化为一串单词.域名站点的名字)..URL(网络地址,全称:Uniform Resource Locator).文件名(你所创建的文件的名字)或者页面标题,这些都是文本块.而页面meta标签(表述页面信息的元素).标签.页面文本,甚至就连图片的alt标签(用于描述图片的信息,为爬虫或者视觉

HTML4.0标准属性

核心属性 (Core Attributes) 以下标签不提供下面的属性:base, head, html, meta, param, script, style, 以及 title 元素. 属性 值 描述 class class_rule or style_rule 元素的类(class) id id_name 元素的某个特定id style 样式定义 内联样式定义 title 提示文本 显示于提示工具中的文本 语言属性 (Language Attributes) 以下标签不提供下面的属性:ba