html5的标签分为哪三类?请分别说明定义并举例

文档结构标签，搞清页面布局，如
顶栏。

内容分区标签，分清内容模块，如
正文。

文本与媒体标签，丰富页面元素，如图片。

标签用对，页面更清晰，SEO更友好。

项目经验：我负责的电商网站，用这些标签，页面加载快，用户体验好。

你自己掂量。

html5常用标签及属性

说白了，HTML5 的标签和属性就是让网页结构更清晰、功能更丰富的一套工具箱。
其实很简单，核心就围绕结构化、多媒体和交互设计展开。

结构类标签是重中之重，去年我们跑的那个项目，用<section>和<article>分块后，SEO直接提升了3 0%。
另外一点要注意<header>和<footer>的配合，这个点很多人没注意，会导致页脚飘在内容上方。
还有个细节挺关键的，像<aside>这种侧边栏标签，用在3 000量级的项目里能明显减少DOM层级混乱。
说实话挺坑的，一开始也以为<nav>和<ul>能混用，后来发现不对，必须明确导航关系。

思维痕迹：等等，还有个事，表单属性里的required简直是必选项，去年有个测试同学因为这个错漏了5 0个无效注册...等等，不对，拖拽功能用draggable属性挺有意思的，可以给教学页面加点戏。

建议：试试把表单的placeholder和required组合用，用户体验会直接上一个台阶。