选择显示字体大小

html、css - html文件head内部标记浅析 -

今天,使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解html源代码和语法,无疑对我们制作主页有更大的帮助,也可以使用户能更精确地控制页面的效果。介绍html语法的文章已经很多,但是除了title标记外,head里还有其他的几个标记。这些标记虽然不常用,但是需要我们对他们有一定的了解。

  一、meta

  meta标记用于描述不包含在标准html里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用meta开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:

  *<meta name=&quot;keywords&quot; content=&quot;yourkeyword&quot;>
  <meta name=&quot;description&quot; content=&quot;your homepage's description&quot;>
  本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字查找到你的主页,了解你的主页内容。

  * <meta http-equiv=&quot;refresh&quot; content=&quot;60; url=&quot;new.htm&quot;>
  浏览器将在60秒后,自动转向到new.htm。你可以利用这个功能,制作一个封面,在若干时间后,自动带读者来到你的目录页。
  如果url项没有,浏览器就是刷新本页。这就实现了www聊天室定期刷新的特性。

  * <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=gb2312&quot;>
  描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。gb2312是指简体中文,而台湾big5内码的主页则是用big5。

   * <meta http-equiv=&quot;pragma&quot; content=&quot;no-cache&quot;>
  强制性调用网上的最新版本。浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时,直接显示硬盘上的文件,而不是网上的。如果你想让读者每次都看到最新的版本,就加上这句话。

  二、link

  显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:

  <link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;>

  rel参数说明两个文档之间的关系,href说明目标文档名。

  关于层叠样式表,请参考其他文章。

  三、base

  base主要有两种用处:

  1、<base href=&quot;原始地址&quot;>
  本文档的原始地址。这样,读者下载你的文档之后,也可以知道是从哪里下载的。

  2、<base target=&quot;目的框架名&quot;>
  在一个框架(frame)页中,如果要把某个框架的连接在另外一个框架显示,例如,把menu框架中的连接显示到content框架,就可以在menu框架中的页面加上<base target=&quot;content&quot;>,这样,就没有必要在menu页面的所有连接的<a>标记中添加target属性了,除非这个连接不是在content框架中显示。

    四、body

  body标记有一些属性,用于定义页面内的显示效果。
  alink、link、text、vlink

  文字的颜色。

  alink:当前激活的连接的文字颜色。
  link:连接的文字颜色。
  text:文字的颜色。
  vlink:参观过的文字颜色。

  注意:文字的颜色要和背景色有明显的差别,以便读者浏览。

  background、bgproperties、bgcolor:页面的背景部分。

  background:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
  bgproperties:设置成fixed,则背景图案不滚动。(只对inte.net explorer有效)
  bgcolor:背景色。

  注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。

  leftmargin、topmargin:页边空白。(只对inte.net explorer有效)

  leftmargin:左边页边空白。
  topmargin:顶端页边空白。
  marginwidth、marginheight:页边空白。(只.netscape navigator有效)
  marginwidth:左右页边空白宽度
  marginheight:上下页边空白高度

  在这里,我们第一次碰到了inte.net explorer.netscape navigator支持不同的标记的情况。由于商业竞争的残酷,作为两家最大的浏览器软件开发商,microsoft.netscape都在扩展html的功能,增加一些标准html没有的标记。由于互相保守商业机密,两家发展的标记不尽相同。值得庆幸的是,这两种浏览器对于自己无法辨认的标记,不会报错,只是简单的忽略过去。这样,我们把它们各自支持的标记都加上,就可以达到一致的效果。就这个例子来说,如果我们想制作一个页面,使用两种浏览器来看,页边空白都是0,就可以这样写:

   <body leftmargin=&quot;0&quot; topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>

  其他类似的情况也一样,只要我们把它们都写在一起一般就没有问题了。


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons