语义化标签:如header, nav, footer, section 等,标签的意思就代表着页面结构
使用语义化标签:
1、可以让页面结构优化,结构更清晰,方便浏览器搜索和搜索引擎解析
2、即使在没有CSS样式的情况下,也以一种文档格式显示,容易阅读,方便维护
3、便于搜索引擎抓取
4、对盲人设备友好
语义化标签:
- < strong > 使文字加粗,语气更强烈
- < b > 使文字加粗
- < em > 使文字倾斜,语气更强烈
- < i > 使文字倾斜
- < article > 定义一个文章内容,可嵌套,例文章评论
- < section > 定义文档的某个区域,独立使用,不可嵌套,例文章章节
- < aside > 定义其所处内容之外的内容,例广告、成租链接、侧边栏等可有可无的区块
- < nav > 定义导航链接
- < header > 定义文档头部部分
- < footer > 定义文档底部
- < figure > 定义" 定义 "对图片的阐述
- < figcaption > 定义对图片的阐述 ,嵌套在figure内
- < video > 定义视频
- < audio > 定义音频
- < time > 定义时间、日期