这是我参与 [第五届青训营] 笔记创作活动的第一天。

前端概述

解决GUI人机交互问题；
跨终端 
    PC/移动浏览器；
    客户端/小程序；
    VR/AR等；
Web技术栈；

前端工程师就是使用Web技术栈解决多端用户图形界面交互问题的工程师；

前端应注意的方面：功能、美观、无障碍、安全、性能、兼容性、用户体验；

前端技术栈

HTML（内容）  CSS（样式）  JavaScript（行为）
此三者都是运行在浏览器中的，浏览器可以通过HTTP网络协议和服务器进行通信，浏览器通过HTTP协
议从服务器端获取前端代码之后将代码渲染成可视的页面；

HTML

HyperText Markup Language
    HyperText：超文本（图片、标题、链接、表格等）；
    Markup Language：标记语言（标签）；
    
<!doctype html>
    标记当前HTML文件使用什么样的HTML版本，浏览器据此选择渲染模式；
    
HTML语法
    标签和属性不区分大小写，推荐小写；
    空标签可以不闭合，比如input、meta；
    属性值推荐使用双引号包裹；
    某些属性值可以省略，比如required、readonly；
    
HTML语义化
    HTMl中的元素、属性及属性值都拥有某种含义；
    开发者应遵循予以来编写HTML；
        有序列表用ol；无序列表用ul；
        lang属性表示内容所使用的语言；
    
    HTML语义化可以更有利于使用HTML文件，例如：
        开发者-修改、维护页面；
        浏览器-展示页面；
        搜索引擎-提取关键词、排序；
        屏幕阅读器-给盲人读页面内容；
        
    提高代码可读性；
    提高可维护性；
    搜索引擎优化；
    提升无障碍性；
    
    实现HTML语义化：
        了解每个标签和属性的含义；
        思考什么标签最适合描述这个内容；
        不使用可视化工具生成代码；
    
HTML传递内容，而不是样式；

MDN、W3C；

总结

对于HTML的学习，除了在已有的基础上更加广泛的了解HTML中各个标签和属性（积极查阅MDN、W3C），
还需要深刻的理解以及掌握HTML的语义化以及规范；

前端与HTML | 青训营笔记

前端概述

前端技术栈

HTML

总结