什么是前端

• 解决GUI人机交互问题
• 跨终端
• Web技术栈

前端应该关注哪些

• 美观
• 兼容
• 性能
• 功能
• 安全
• 体验
• 无障碍

HTML基础语法

• 标签和属性不区分大小写，推荐小写
• 空标签可以不闭合，比如 input、meta
• 属性值推荐用双引号包裹
• 某些属性值可以省，比如 required、readonly

HTML内容划分

什么是语义化

• HTML中的元素、属性及属性值都拥有某些含义
• 开发者应该遵守语义来编写HTML

语义化的好处

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

HTML5特性

• 语义化标签：如 <header>（网页头部），<nav>（导航栏），<article>（内容），<section>（区块），<aside>（侧边栏）<footer>（网页底部）等
• 浏览器支持
• 多媒体标签：
  • 音频
  • 视频
• 新增input类型
• Canvas 画布
• 本地存储：
  • localStorage
  • sessionStorage
  • Web SQL
• Web Workers
• 应用缓存（Cache Manifest）
• 无障碍

🎈作为前端工程师的自我修养，我们要传达的是内容，而不是样式。共勉