WEB基础之：HTML文档的基本结构

最新推荐文章于 2024-08-11 09:28:46 发布

f_carey

最新推荐文章于 2024-08-11 09:28:46 发布

阅读量1.5k

点赞数 1

分类专栏： WEB 文章标签： html web

本文链接：https://blog.csdn.net/f_carey/article/details/109644813

版权

本文介绍了HTML文档的基础结构，包括< title>定义文档标题，< meta>设置元信息，< base>设定基底网址，以及<body>包含页面主要内容。详细讲解了头部标记和文本内容的各种格式，如标题、字体、段落和特殊符号的使用。

摘要由CSDN通过智能技术生成

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