本文深入解析HTML代码的基本构成，包括头部信息、主体部分及其关键标签的使用，帮助开发者理解如何构建高效的网页结构。
HTML代码主要分为三部分：
<html>
<head>
头信息，不会显示在浏览器窗口内容中，包括基本的描述语句和网页的公共属性
</head>
<body>
网页的主体部分
</body>
</html>
- head
在头信息中只可以放置4种标签（除了样式标签如style,script）
1. <title></title>只能有一个，定义网页的标题（也就是显示在搜索引擎页面上的标题），有利于搜索
2. <base/>只能有一个，基底网址标记（设定浏览器中文件的绝对路径，网页中的文件只需要写下相对路径）
<html>
<head>
<title>I'm title</title>
<base href="http://study.163.com">
</head>
<body>
<a href="curricula/cs.htm">MOOC Computer Science Course</a>
</body>
</html>
3. <link> 可以有多个，设置外部文件的链接标记，用于确定本页面和其他文档之间的关系，比如link到外部css文件
4.
<meta name="" content="">
在头信息中加入一些关于网页的描述信息，如网页的关键字等
name的取值是固定的：
1）keywords(网页的关键字，可以用“，”或者“|”隔开多关键字)
2）description(网页的简介描述，引擎搜出时显示的文本内容，如果没有，此时就是文章的第一段文件)
3）robots(index, noindex, follow, nofollow, 是否允许别人通过你的网站去链接爬别人的网站，all)
4) author
5) copyright
<meta http-equiv="" content="">
在HTML模拟HTTP协议的响应消息头，例如，告诉浏览器是否缓存页面，使用怎么样的字符集显示网页内容，隔多长时间刷新页面等
1）content-type，网页的类型MIME和字符集，类型用“；”隔开
2）refresh，定时刷新，如果后面没有跟url就直接刷新自己的页面
<meta http-equiv=“refresh” content=“3;url=http://www.baidu.com”>
3）expires，定义缓存时间，如果为0，就是禁止缓存
我们有时候访问一个网页，但是断网之后，仍然可以查看这个网页，因为我们的本地浏览器缓存了这个网页，每次用户想要访问某个本地已经缓存的网页，浏览器会去远程询问服务器的修改时间，如果没有修改直接访问本地，如果过期时间设为0就表示该网页很快过期，不要缓存
4）page-enter和page-exit，进入和退出页面的时候可以设置特效
5）windows-target，如果没有设置，别人可以将你的网页放置于他的网页的一个小窗体中
<meta http-equiv=“window-target” content=“_top”>
6）pragma，不要再代理服务器上缓存
- body
body标签可以自带很多属性，如text, bgcolor, alink(点击时显示的颜色), vlink(访问过后显示的颜色), background(背景图片)和topmargin等
但是像前面提过的，只要可以用样式表示的，就不用HTML本身自带的属性
所有标记都可以使用的通用标记：id, name, class, type
- DTD文件
文档类型定义，加载文档链接中DTD文件，其使用一系列合法的元素来定义文档的结构
扫一扫
663
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
