HTML基础标签详解-优快云博客

本文深入讲解HTML的基本标签，包括文档声明、html、head和body标签的使用方法及属性，为初学者提供全面的HTML入门指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML基本标签

文档声明
<html>标签
<head>标签
<body>标签

关于HTML的历史这里就不讲了，想要了解可以去百度百科。本章主要将一下HTML的最基本的标签的使用。这些标签都是一个HTML文档必不可少的标签。

一、文档声明

1.1、说明

<!DOCTYPE> 声明位于HTML文档中的第一行，处于 <html> 标签之前，<!DOCTYPE> 声明不是一个 HTML 标签，它用于告知 Web 浏览器按照哪个 HTML 版本来解析当前HTML文档。
<!DOCTYPE>声明没有结束标签，也不区分大小写

1.2、不同版本中使用

HTML5
```
<!DOCTYPE html>
```

HTML4

<!--HTML 4.01 Strict-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--HTML 4.01 Transitional-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--HTML 4.01 Frameset-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XTHML

<!--XHTML 1.0 Strict-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--XHTML 1.0 Transitional-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--XHTML 1.0 Frameset-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--XHTML 1.1-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

二、<html>标签

2.1、说明

<html>标签用于告知浏览器这是一个HTML文档，<html>标签是HTML文档的最外层标签，即文档的根标签。

2.2、标签属性

lang：HTML5新特性。用于指定该文档属于哪个国家。【en>英国，ch>中国】
manifest：HTML5新特性。定义一个 URL，在这个 URL 上描述了文档的缓存信息。
xmlns：HTML不支持，只有XHTML支持这个属性。xmlns属性有一个固定值xmlns=http://www.w3.org/1999/xhtml，所以即使您没有包含它，此值也会被添加到<html> 标签中。

2.3、使用

<!DOCTYPE>
<html>
    <!--文档容器-->
</html>

三、<head>标签

3.1、说明

<head> 标签是所有头部标签的容器，可以包含脚本、样式等信息。常见的头部标签有：<title>、<style>、<base>、<link>、<meta>、<script>、<noscript>等。

3.2、标签属性

profile：HTML5开始不支持该属性了。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取标签的内容属性中的信息。

3.3、使用

<!DOCTYPE>
<html><!--文档容器-->
    <head><!--头部标签容器-->
        <title>网页名称</title><!--这个标签必须有，不然报错-->
    </head>
</html>

四、<body>标签

4.1、说明

<body> 标签定义文档的主体，含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

4.2、标签属性

bccolor：设置页面背景颜色
background：设置页面背景图片

4.3、使用

<!DOCTYPE>
<html><!--文档容器-->
    <head><!--头部标签容器-->
        <title>网页名称</title>
    </head>
    <body>
        <!--网页主体，页面上能瞧见的东西都来自这里。-->
    </body>
</html>