HTML文档的基本结构1. HTML文档的基本结构2. HTML头部标记2.1 < title> 标题标记2.2 < meta>元信息标记2.3 < base>基底网址标记2.4 < body>页面的主体标记2.5 文本内容标记2.5.1 标题格式2.5.2 文本字体格式注：特殊符号代码2.5.3 段落格式2.5.4 水平线格式2.5.5 其他标记1. HTML文档的基本结构1) <!DOCTYPE html>: 文档类型声明（Documen
HTML文档的基本结构
1. HTML文档的基本结构
1) <!DOCTYPE html>: 文档类型声明（Document Type Declaration,DTD）
表示该文档是HTML，在HTML5中声明如下：
<!DOCTYPE html>
2) <html> 文档开始标签
表示该文档是以HTML编写的。首标签<html>与尾标签</html>分别位于文档的最前面和最后面，文档中的所有内容包含和HTML标签都包含在其中。
3) <head> 文档头部标签
表示网页头部，放置关于HTML文档的信息。
4) <title> 文档标题标签
表示网页的名称同时作为窗口的名称显示在网页窗口的最上方。
5) <body> 文档主体标签
放置网页中的主体内容
6) 示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
7) <!--注释内容-->
2. HTML头部标记
| 标记 | 描述 |
|---|---|
| < base> | 当前文档的URL全称（基底网址） |
| < basefont> | 设定基准的文字字体、字号和颜色 |
| < title> | 设定显示在浏览器左上方的标题内容 |
| < isindex> | 表明该文档是一个可用于检索的网关脚本，由服务器自动建立 |
| < meta> | 有关文档本身的元信息，例如用于查询的关键字，用于获取该文档的有效期等 |
| < style> | 设定CSS层叠样式表的内容 |
| < link> | 设定外部文档的链接 |
| < script> | 设定页面中程序脚本的内容，常有JavaScript脚本 |
2.1 < title> 标题标记
HTML文件的标题显示在浏览器的标题栏，用以说明文件的用途，每个HTML文档都应该有标题，标题文字位于< title >和< /title >之间。
2.2 < meta>元信息标记
< meta>的属性有两种：name和http-equiv，其中name属性主要用于描述网页，以便爬虫查找和分类。
1) 设置页面关键字
<meta name="keywords" content="具体关键字">
<!-- 用于设置HTML文档检索的关键字，便于搜索引擎进行查找和分类。多个关键字之间以逗号隔开。-->
2) 设置页面描述
<meta name="description" content="对页面描述">
3) 设置编辑工具
<meta name="generator" content="编辑软件名称">
4) 设置作者信息
<meta name="author" content="作者名称">
5) 限制搜索方式
<meta name="robots" content="搜索方式">
<!--
content值与其对应的含义:
All: 表示能搜索当前网页及其链接的网页
Index: 表示能搜索当前网页
Noindex: 表示不能搜索当前网页
None: 表示不能搜索当前网页与其链接的网页
Nofollow: 表示不能搜索与当前网页链接的网页
-->
6) 设置网页文字及语言
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="zh_CN">
7) 设置网页的定时跳转
<meta http-equiv="Refresh
最低0.47元/天 解锁文章
4367
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
