HTML标签之常见基础标签

来源：互联网发布：radon内核优化项目编辑：程序博客网时间：2024/05/22 12:04

一、<!DOCTYPE>

<!DOCTYPE>不是标签，是文档声明，声明文档的解析类型，告知浏览器解析器用什么标准解析文档，
目的：避免浏览器的怪异模式。
怪异模式：1、标准模式：浏览器使用W3C标准解析渲染页面，排版和JS运行以浏览器的最高标准运行。
2、兼容模式：浏览器使用非W3C标准解析渲染页面，页面以宽松向后兼容方式运行，模拟老浏览器防止站点无法工作。

doctype在HTML文档最前端，该声明必加，如下：

<!DOCTYPE html><!--文档声明类型--><html><mead> <meta charset="utf-8"><title>文档标题</title></mead><body>内容</body></html>

二、HTML标签

html标签告知浏览器这是一个html文档，<html>是所有元素（除了doctype外）的容器，必加的标签。

<!DOCTYPE html><!--文档声明类型--><html><!--最外层 容器--><mead> <meta charset="utf-8"><title>文档标题</title></mead><body>内容</body></html>

三、title标签

title元素定义文档的标题，一个文档只能有一个title，是必加的，不加则文档是无效的。

title元素：1、定义文档的标题（浏览器工具栏的标题）

2、提供页面被添加到收藏夹的标题

3、显示在搜索引擎结果中的标题

<!DOCTYPE html><!--文档声明类型--><html><mead> <meta charset="utf-8"><title>文档标题</title><1--文档标题--></mead><body>内容</body></html>

四、body标签

body元素包含文档的全部内容（文本、超链接、图片、图像、表格、列表等）。

<!DOCTYPE html><!--文档声明类型--><html><mead> <meta charset="utf-8"><title>文档标题</title></mead><body><!--文档主体内容-->文本、超链接、图片、图像、表格、列表等</body></html>

五、<h1>~<h6>标签

<h1>~<h6>定义文档的标题,字号依次减小，标题依次降低。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>标题标签</title></head><body><h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6></body></html>

效果如下：

六、p、hr、br、标签

p元素标记一个段落。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>p标签</title></head><body><p>标记一个段落</p></body></html>

hr元素定义一条水平线，该元素是一个单标签，为闭合标签。

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>hr标签</title> </head><body><h1>HTML</h1><p>以下是一条平线</p><hr /></body></html>

效果如下：

br元素是插入一个简单的换行符，该元素是一个单标签，为闭合标签。

<p>br元素是一个换行符<br />该元素是一个单标签<br />需要闭合</p>

效果如下：

是在源代码中插入一段注释，该标签不会被解析器执行，在页面中不会显示。

作用：辅助开发人员对代码进行编写、维护、方便对代码的读写等。

如：

<!--开发人员注释内容部分-->

1 0