【第二届青训营-寒假前端场】- 前端与HTML

内容划分

网页常见划分板块

• header
• nav
• main
• article
• aside
• footer

语义化是什么？

• HTML中的元素、属性及属性值都拥有某些含义
• 开发者应该遵循语义来编写HTML
  • 有序列表用ol(order list)；无序列表用ul(unorder list)
  • lang属性表示内容所使用的语言

谁在使用我们写的HTML

• 开发者-修改、维护页面
• 浏览器-展示页面
• 搜索引擎-提取关键词、排序
• 屏幕阅读器-给盲人读页面内容

语义化的好处

• 代码可读性
• 可维护性
• 搜索引擎优化
• 提升无障碍性

  语义化的好处

传达内容，而不是样式

如何做到语义化

• 了解每个标签和属性的含义
• 思考什么标签最适合描述这个内容
• 不使用可视化工具生成代码