html结构语义化，是最近几年才提出来的，以前的HTML结构，都是一堆的没有语义的冷冰冰的标签。最泛滥的就是div+css,以前的页面，一上来就是一堆的div+css,
为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且官方w3c，也在HTML5给出了几个新的语义化的标签。
什么是语义化？
字面意思就是说根据我们所说的话，就能了解其中的含义。
语义化，故名思意，就是你写的HTml结构，是用相对应的有一定语义的英文字母（标签）表示的，标记的，因为HTML本身就是标记语言。不仅对自己来说，容易阅读，书写。别人看你的代码和结构也容易理解，甚至对一些不是做网页开发的人来说，也容易阅读。
html中的单标记：
1、< area> ：用于图像映射内的区域。
2、< base> ：文档中所有相对URL的基本URL。每个文档只能有一个，它必须位于页面的
< head> 中。
3、< br> ：换行符，通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠
许多< br> 标签在页面上创建视觉分离，因为该函数是视觉需求，因此是CSS的域而不是
HTML。
4、< col> ：指定< colgroup> 元素中每列的列属性。
5、< command> ：指定用户可以调用的命令。
6、< embed> ：与外部应用程序和交互式内容一起使用以进行集成。
7、< hr> ：水平规则，是页面上的一条直线。在许多情况下，CSS边框用于创建分隔线而不是
此HTML元素。
8、< img> ：HTML的主要元素之一，这是图像标记。它用于将图形图像添加到网页。
9、< input> ：用于从访问者捕获信息的表单元素。有许多有效的输入类型，从多年来在表单
中使用的常见“文本”输入到属于HTML5的一些新输入类型。
10、< keygen> ：此标记创建用于表单的密钥对生成器字段。
11、< link> ：不要与“超链接”或锚点（< a> ）标签混淆，此链接用于设置文档与外部资源之
间的链接。例如，您可以使用它链接到外部CSS文件。
12、< meta> ：元标记是“有关内容的信息”。它们位于文档的< head> 中，用于将页面信息
传递给浏览器。有许多不同的meta标签，你可以在网页上使用。
13、< param> ：用于定义插件的参数。
14、< source> ：此标记允许您为页面上的媒体指定备用文件路径，包括视频或图像或音频文件。
15、< track> ：此标记设置要与媒体文件，视频或音频一起使用的轨道，这些轨道通常与
< video> 或< audio> 标记一起添加。
16、< wbr> ：这代表断言机会。它指定添加换行符可以接受的文本块中的位置。
扩展资料：
在HTML5的版本中< command /> 、< command /> 、< menuitem /> 这三个单标记是已经
报废无效了，而在HTML4中是可以继续使用的。
使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。
HTML5：斜杠是可选的。
HTML4：斜杠不可选的。但是，它被W3C的HTML验证器接受了。
XHTML：斜线是必需的。
要学习html5自然是要学习js基础的。首先你要高明白什么是html5，当前我们所说的html5不单单是在html基础上标签的一个简单升级。Html5是html第五次重大修改，其中添加了很多新的特性，不仅新增加了语义化的标签，还在css和js基础上又添加了很多东西。
Html5中增加的canvas画布，我们需要通过js，逻辑上的一些操作才能够在画布上绘制多种路径、矩形、圆形、字符甚至添加图像。若是没有js逻辑上的一些控制是没有办法使用canvas创建动画、游戏和数据的可视化操作。
Html5提供的web socket能够使客户端和服务端之间通信更加的简单，离线存储可以将数据存储在客户端本地以便更高效的离线运行，手机中的基本配置地理定位，html5也提供了相应的API在浏览器中实现其应用。所以html5不仅是单纯的将标签语音进行了改进，更是提供了js更为强大的功能。
要想在页面中实现完整、强大的功能，就必须要有js基础，新增加api可以更方便在页面中实现我们的功能。