meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：
＜head＞
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
＜/head＞
也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。
一、meta标签的组成
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞ 。
其中name属性主要有以下几种参数：
A、Keywords(关键字)
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：＜meta name ="keywords" content="science, education,culture,politics,ec ......
javascript 控制 html元素 显示/隐藏
1。编写js函数
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显示/隐藏的html元素加上 id 属性
<table>
<tr id="menu" >
<td>控制这个tr的显示/隐藏</td>
</tr>
</table>
3，添加按钮，链接等触发 js 函数
<input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层<div id="layer" style="display:none;">广告</div>
<input type="botton" onclick="display(layer)">
二:javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden"; ......
javascript 控制 html元素 显示/隐藏
1。编写js函数
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显示/隐藏的html元素加上 id 属性
<table>
<tr id="menu" >
<td>控制这个tr的显示/隐藏</td>
</tr>
</table>
3，添加按钮，链接等触发 js 函数
<input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层<div id="layer" style="display:none;">广告</div>
<input type="botton" onclick="display(layer)">
二:javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden"; ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta NAME="Copyright" CONTENT="Copyright (c) 2009 LOADCOM Corporation. All Rights Reserved.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NTP设置</title>
<style type="text/css">
#leftpic{width:160px;float:left;padding-right:15px;}
#leftpic a:link, #leftpic a:visited{color:#006eb3;text-decoration:none;}
#leftpic a:hover{color:#000000;text-decoration:underline;}
img{border:1px solid #0066b0;margin-bottom:5px;}
ul#list{list-style-type:none;margin:0px;padding:5px 0px 5px 2px;}
ul#list li{line-height:18px;}
ul#list li a:link{color:#000000;text-decoration:none;}
ul#list li a:visited{color:#333333;text-decoration:none;}
ul#list li a:hover{color:#006eb3;text-decoration:underline;}
</style>
<link href="images/bas ......
很多人忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记
之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，
设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。
详细介绍
下面介绍一些有关 标记的例子及解释。
META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
★HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：
1、Content-Type和Content-Language (显示字符集的设定)
说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。
用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb23 ......
HTML元素速查
下面列出了 HTML 定义的元素集，按字母顺序排列。
表1-1 元素列表
元 素 说 明
a 表明超链接的起始或目的位置
acronym 表明缩写词
address 特定信息，如地址、签名、作者、此文档的原创
applet 在页面上放置可执行内容
area 定义客户端图像映射中一个超级链接区域的形状、坐标
b 指定文本应以粗体渲染
base 指定一个显示 URL 用于解析对外部源的链接和引用，
baseFont 设置渲染文本时作为缺省字体的基础字体值
bdo 允许作者为选定文本片断禁用双向法则
bgSound 允许页面带有背景声音或创建音轨
big 指定内含文本要以比当前字体稍大的字体显示
blockQuote 设置文本中的一段引语
body 指定文档主体的开始和结束
br 插入一个换行符
button 指定其中所含的 HTML 要被渲染为一个按钮
caption 指定表格的简要描述
center 将后面的文本和图像居中显示
cite 用斜体显示标明引言
code 指定代码范例
col 指定基于列的表格缺省属性
colGroup 指定表格中一列或一组列的缺省属性
comment 表明不可见的注释
custom 代表了一个用户自定义元素
dataTransfer 提供了对于预定义的剪贴板格式的访问，以便在拖曳操
dd 在定义列表中表明定义。定义通常 ......
js的方法：
if(document.getElementById('example')) {
// do something
}
else {
// do something else
}
jquery的方法：
if($('#example').length) {
// do something
}
else {
// do something else
}
或者
if($("#abc").html() != "") {
// do something
}
else {
// do something else
} ......
最新文章 : html