用以说明生成工具(如Microsoft FrontPage 4.0)等;  向搜索引擎说明你的网页的关键词;  "/>

HTML基础的常用标签

HTML基础的常用标签
  Meta的属性有两种:name和http-equiv
 
  name属性用于描述网页,对应于content
 
  <meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
 
  <meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
 
  <meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
 
  <meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
 
  <meta name="Robots" contect="all|none|index|noindex|follow|nofollow"> 其中的属性说明如下:
 
  设定为all:文件将被检索,且页面上的链接可以被查询;
 
  设定为none:文件将不被检索,且页面上的链接不可以被查询;
 
  设定为index:文件将被检索;
 
  设定为follow:页面上的链接可以被查询;
 
  设定为noindex:文件将不被检索,但页面上的链接可以被查询;
 
  设定为nofollow:文件将不被检索,页面上的链接可以被查询。
 
  http-equiv
 
  http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
 
  meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:
 
  Expires(期限)
 
  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
 
  Pragma(cache模式)
 
  说明:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
 
  用法:
 
  注意:这样设定,访问者将无法脱机浏览。
 
  Refresh(刷新) 说明:自动刷新并指向新页面。
 
  注意:其中的2是指停留2秒钟后自动刷新到URL网址。
 
  Set-Cookie(cookie设定)
 
  说明:如果网页过期,那么存盘的cookie将被删除。
 
  Window-target(显示窗口的设定)
 
  说明:强制页面在当前窗口以独立页面显示。
 
  注意:用来防止别人在框架里调用自己的页面。
 
  content-Type(显示字符集的设定)
 
  Pics-label(网页等级评定)
 
  说明:在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的。
 
  8.Page_Enter、Page_Exit
 
  设定进入页面时的特殊效果
 
  设定离开页面时的特殊效果
 
  设定网页的到期时间
 
  关键字,给搜索引擎用的
 
  页面描述
 
  引用外部css
 
  引用title图片 (icon) 例如:
 
  utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312
 
  gb2312 简单中文
 
  GBK包含全部中文字符 繁体
 
  BIG5 繁体中文
 
  UTF-8则包含全世界所有国家需要用到的字符
 
  <table>…</table>标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。表格的基本单元是单元格,用<td>…</td>标签定义。
 
  表格行用<tr>标签定义,由单元格构成。多个行结合在一起就构成一个表格,这反映在用于创建表格的HTML语法中。表格的每一行都用<tr>标签表示,并用相应的</tr> 结束?
 
  表格的每一行又有若干表格单元格,用<td>…</td>标签表示。TD是"表格数据( Table Data)”的英文缩写。<td>标签定义一个列,嵌套于<tr>标签内。
 
  border属性是最常用的属性,可用于定义表格的单元格和结构。该属性指定边框的厚度,如果其值设置为零(0),则不显示边框。
 
  Right 右
 
  Center 居中
 
  bgcolor | 设置背景颜色| white ,red,green
 
  caption 元素定义表格标题
 
  caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
 
  <th>标记及其属性
 
  表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。
 
  表格的结构
 
  在使用表格进行布局时,可以将表格划分为头部、主体和页脚,具体 如下所示:
 
  <thead></thead>:用于定义表格的头部,必须位于<table></table>标记中,一般包含网页的logo和导航等头部信息。
 
  <tfoot></ tfoot >:用于定义表格的页脚,位于<table></table>标记中<thead></thead>标记之后,一般包含网页底部的企业信息等。
 
  <tbody></tbody>:用于定义表格的主体,位于<table></table>标记中<tfoot></ tfoot >标记之后,一般包含网页中除头部和底部之外的其他内容。
 
  Name :定义表单的名称
 
  Method: 定义表单结果从浏览器传送到服务器的方式,默认参数为:get ;
 
  Action :用来指定表单处理程序的位置(服务器端脚本处理程序)
 
  Fieldset:把表单分组
 
  Legend:分组名称
 
  input控件
 
  在上面的语法中,<input />标记为单标记,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,<input />标记还可以定义很多其他的属性
 
  textarea控件
 
  如果需要输入大量的信息,就需要用到<textarea></textarea>标记。通过textarea控件可以轻松地创建多行文本输入框,其基本语法格式如下:
 
  Cols:相当于宽度
 
  Rows:相当于高度
 
  select控件
 
  在HTML中,要想制作如下图所示的下拉菜单,就需要使用select控件
 
  值得一提的是,在HTML中,可以为<select>和<option>标记定义属性,以改变下拉菜单的外观显示效果
 
  根据内容的结构化(内容语义化),选择合适的标签(代码语义化)
 
  网页结构合理
 
  有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语 义你的网页内容自然容易被搜索引擎抓取
 
  方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)
 
  便于团队开发和维护
 
  尽可能少的使用无语义的标签div和span;
 
  在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利
 
  不要使用纯样式标签,如:b、font、u等,改用css设置
 
  需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i)

推荐阅读