语义化标签

一、任务目标

掌握语义化标签的使用

二、任务背景

HTML标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，更利于开发者、程序和其他设备对于标签的理解。语义化在盲人软件、机器翻译等方面发挥着重要作用，同时搜索引擎会通过语义化标签增强文章的SEO搜索。

三、任务内容

下表为部分常见的语义化标签

元素	说明
article	定义独立的来自外部的文档，如新闻投稿、博客文章、论坛帖子等
aside	一般用于网页中的侧边栏或者文章内部的标注框
header	页面的头部区域，通常包括网站logo、链接导航、搜索框、banner
nav	页面的导航链接区域
main	定义文档主要内容
section	定义文档的区域
footer	文档的页脚
mark	标记、突出显示文本
ul	无序列表
form	创建HTML表单
button	定义按钮
i	用于表示区分普通文本的其他文本，浏览器通常会将其内容显示为斜体