Html程序结构

来源：互联网发布：mac专柜价格口红编辑：程序博客网时间：2024/06/03 17:55

Html 程序结构详细介绍

今天就来学习一下html程序结构吧！

Html文件以<html>标记开始，以</html>标记结束。

Html 程序分为两个部分，像人的身体一样，头(head)和身体(body)。

那就先来看一看最简单的程序吧！

<!DOCTYPE html><html><head>/*页面的头部*/</head>    <body><span style="white-space:pre"></span>/*页面的主题部分*/    This is a program structure.    </body></html>

Html文件以<html>标记开始，以</html>标记结束。

1. <head>.........</head>之间标记的内容用来描述网页的具体信息。

(a). 页面标题标记<title>

使用语法：

<title> your title </title>

(b).辅助标记<meta>

关于这一点的解释，我觉得快乐无极的博客解释的很好，快乐无极的博客

语法如下：

拓展1：name 的属性设置：

Aa) keywords

keywords告诉搜索引擎，把content中的内容作为关键字添加到搜索引擎中，如果是多个关键字的话，可以用逗号隔开。

<meta name=”keywords” content=”软件开发，java”>

Ab)description

搜索引擎使用content属性中的设置信息来做对网站的描述。

<meta name="description" content="布尔教育 http://www.itbool.com" />

Ac)robots

robots会告诉搜索引擎释放的robot或者spider，根据content中的属性设置来决定采取什么样的形式行动。

不过对于新手来说，robot 和spider可能很陌生，大家可以参考robot ,spider是什么？。

其中content属性值可以为：

index 可以检索和收录此页。（默认值）

noindex不让robot/spider 检索和收录此页。

follow 允许robot/spider 顺着此页的超链接继续往下探找。

nofollow 不允许robot/spider 顺着此页的超链接往下探找。

all允许检索和收录，也可以顺着此页的超链接往下探找。

nonev 既不允许检索和收录，也不允许往下探找。

Ad) author

用于说明网页的作者，在concent 中写作者的名字。

Ae) copyright

Af)generator

用于说明此页所使用的工具名称，在content中填入网页编辑的软件。

拓展二：http-equiv属性设置

说明：http-equiv 属性是用来在HTML文档中模拟HTTP协议的响应消息头。

B1）content-type

用来说明网页内容的MIME类型，以及文本内容所使用的字符集编码。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

B2)refresh

告诉浏览器指定的时间内进行页面刷新。

 <meta http-equiv=”Refresh” content=”1”>   /*时间单位是;  1秒 */

也可以让浏览器在一定时间内跳到其他页面。时间值与URL之间用分号隔开。

<meta http-equiv=”Refresh” content=”1；url=http://www.163.com”>

B3)expires

用于设定网页的到期时间，超过了content中设置的时间，就需要在服务器上重新下载网页。需要注意的是，content中时间的格式必须按照GMT格式。

<mata http-equiv="expires"content="Mon,12 May 2001 00:02:00 GMT">

若content设置为0，可禁止浏览器使用缓存页面

B4)window-target

强调页面在某个窗口显示。要防止自己的网页被别人当作一个frame或iframe页面使用（不让别人调用），可以使用

   <meta http-equiv=”Windows-Target” content=”_top”>

B5)pragma

用于设定禁止浏览器在本地计算机上缓存次页面，content属性设置为no-cache

   <meta http-equiv=”Pragma” content=”no-cache”>

实际作用就是你第一次访问网页的时候计算机会自动缓存该网页的内容，如果你第二次访问相同的url，浏览器就会直接把原来的缓存调出来，即使你新的网站更新了，显示出来的还是早先的那个版本，如此。如果设置为no-catch的话，本地就不会缓存了，即每次请求的都是最新版本.

注意：这个方法不太可靠，当数据大于32k还是会缓存，推荐使用cache-control
响应字段禁止缓存在HTTP1.1中，cache-control 是一种比pragma更可靠的实现。

 <meta http-equiv=”Cache-Control” content=”no-cache”>

B6)page-enter

设置浏览器的特殊显示效果

 <meta http-equiv=”Page-Enter”  content=”revealTrans(Transition=23,Duration=1.000)”>

网页效果，具体可参考网页变换效果

B7)page-exit

设置浏览器离开某个网页时，所采取的特殊显示效果

0 0