前端与HTML
什么是前端？（前端工程师使用Web技术栈解决多端图形用户界面的问题）
1）解决GUI人机交互问题
2）跨终端
3）Web技术栈（JS、CSS、HTML和网络协议HTTP等协议构成）
前端应该关注哪些方面？
功能、兼容、体验、美观、安全、性能、无障碍等
前端对用户体验来说是非常重要的
前端的边界？
node.js开发服务器端的应用
electron开发客户端的应用
React Native实现多人会议
HTML是什么？
HyperText Markup Language
HyperText（图片、标题、链接、表格）
DOM树
是一个树形的结构，包含文档的根节点document，document里面包含html节点，html里面有head和body，head和body里面再分···
HTML语法
1)标签和属性不区分大小写，推荐小写
2)空标签可以不闭合，比如input、meta
3)属性值推荐使用双引号包裹
4)某些属性值可以省略，比如required、readonly
标题 h1~h6
列表 有序列表ol、无序列表ul，每个列表里面用list-item即li标签来表示每一个列表项
链接 a标签
表单 input标签
代码 code标签 ：遇到需要代码的可以把代码标签引进来
表示强调 strong和em标签，strong表示情况非常重要非常紧急；em更多是在语气上的强调。
(header部分放标题等一些信息；nav放导航栏；main是页面的主要内容；article就放一部分一部分的内容，如果是类似微博那种，article就放一条条的微博；aside一般放一些比如热点新闻或是和main内容相关的东西，或者可以放广告；footer一般是放一些引用的文章或者转载的图片出处，还有版权信息，或者还有一些联系方式这样。)
语义化的好处：
1）代码可读性
2）可维护性
3）搜索引擎优化
4）提升无障碍性
如何做到语义化？
1）了解每个标签和属性的含义
2）思考什么标签最适合描述这个内容
3）不使用可视化工具生成代码
标题：前端与 HTML - 掘金
