一，HTML页面主要三大标签

<html>
    <head>
    1.可以存放的是编码方式，如  <meta charset="utf-8">
    2.可以存放网页标题，如 <title>hello world</title>
    3.可以写CSS样式代码，如<style type="text/css"> css代码 </style>
    4.还可以链接外部的的css文件，如<link rel="stylesheet" href="css/css01.css">
    5.可以写JavaScript代码，如<script type="text/javascript"> javascript代码 </script>
    6.还可以链接外部的JavaScript文件，如<script type="text/javascript" src="js/js01.js"></script>
    </head>
    <body>
    这里是HTML页面的主体部分。可以存放文字段落、视频、音频文件、表格、表单等主要内容。
    </body>
</html>
以上这些代码组成了一个HTML页面文件，即.html文件。

二，常用标签总结

常用标签总结
标题标签	`<h1></h1>`
段落标签	`<p></p>`
水平线标签	`<hr/>`
div和span标签	`无语意，是页面布局的2个盒子，用来装网页元素。div独占一行,span内容多宽就占用多宽空间距离，一行可以多个`
加粗	`<b></b>`
删除线	`<del></del>`
斜体	`<i></i>`

三，对于列表的声明

（一）无序列表（ul）

<ul> <li></li> <li></li> ``

（二）有序列表（ol）

<ol> <li></li> <li></li> ``

（三）自定义列表

<dl> <dt>名词1</dt> <dd>名词1的解释1</dd> <dd>名词1的解释2</dd> ``

名词1: 名词1的解释1; 名词1的解释2

四，语义化

一、HTML语义化标签的定义

HTML语义化标签是指用于描述文档结构和内容的HTML标签。它们的使用不仅可以提高网页的可读性和可维护性，还可以帮助搜索引擎识别网页的内容和结构。

语义化标签的好处是可以使网页更加语义化、结构清晰，便于浏览器、搜索引擎、屏幕阅读器等辅助设备解析文档，提高可访问性和可用性。

二、HTML语义化标签的重要性

提高可读性和可维护性 HTML语义化标签可以使网页的结构清晰、布局易于理解，使开发人员更容易维护代码。

使用语义化标签的好处是可以使网页更具有可读性和可维护性。语义化的HTML代码可以让开发人员更容易阅读代码，帮助开发人员找到错误和问题，提高开发效率和代码质量。

改善搜索引擎排名搜索引擎爬虫能够识别语义化标签的含义，将其用于识别网站内容和结构。这样，搜索引擎可以更好地了解网站的完整内容，更好地判断网站的价值和相关性，从而提高网站的搜索引擎排名。

更好的可访问性和可用性语义化标签的使用也可以改善网站的可访问性和可用性。语义化标签可以使屏幕阅读器等辅助设备更容易识别和解析网页，从而提高可访问性。

此外，使用语义化标签可以使网站更容易理解，使用户更容易找到所需的信息，从而提高可用性。

三、HTML语义化标签的应用

标题标签（h1-h6）用于定义网页的标题和子标题。在语义化标签中，标题标签应该按顺序排列，h1用于定义最重要的标题，h2-h6用于定义次要标题。

正确使用标题标签不仅可以使网页结构更清晰，还可以提高搜索引擎对网页的理解和权重，从而提高网站的搜索引擎排名。

段落标签（p）用于定义段落和文本块。使用段落标签可以使网页的结构更加清晰，提高网页的可读性和可维护性。

列表标签（ul、ol、li）用于定义有序列表和无序列表。使用列表标签可以使网页的结构更加清晰，使信息更加整齐有序。

链接标签（a）用于定义链接。正确使用链接标签可以使网页更加易于导航，同时可以提高搜索引擎对网页的权重和排名。

图像标签（img）用于定义图片。正确使用图像标签可以使网页更具有视觉效果，同时可以提高搜索引擎对网页的权重和排名。

表格标签（table、tr、td）用于定义表格。正确使用表格标签可以使网页结构更加整齐，便于浏览和处理表格数据。

表单标签（form、input、button）用于定义表单。正确使用表单标签可以使网站的交互效果更加友好，同时可以提高用户体验和搜索引擎的排名。

总之，正确使用HTML语义化标签可以提高网站的可读性、可维护性、搜索引擎排名、可访问性和可用性。因此，在构建高质量的网站时，我们应该尽可能地使用语义化标签。

五，个人总结

个人认为，HTML作为网页端开发必不可少的一部分，他的显著特点在于对网页标签的熟练应用，以及将这些必要的进行语义化表达，以达到易读的目的。如何应用好各类标签，是网页大框架以及整体布局的基础。HTML如何更好的服务于网页端开发，集成CSS文件以及JavaScript文件是十分重要的。就现阶段的HTML语言发展而言，语义化是十分重要的，而且需要沿用一个广为认可的规则，以达到提高效率可读性的目的。

HTML知识总结 ｜ 青训营