前端与HTML
什么是前端？
- 解决CUI人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈 故此前端工程师就是使用Web技术栈解决多端图形用户界面交互问题的工程师
Web标准
1、结构标准：用来规定网页的结构(html、xml、xhtml)
2、样式标准：内容的版式、大小等(css)
3、行为标准：交互、动作(dom、ECMAScript)--- javaScript
HTML、CSS、JavaScript三剑客
1、HTML
什么是HTML？ HTML指的是超文本标记语言（也叫超文本标签语言）。 目前大家用的学的都是由W3C组织定的HTML5标准，原来的HTML4.0的doctype：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
又长有懵。。现在的HTML5写法：
<!DOCYPE html>
简单、直接。
2、CSS
CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
3、JavaScript
JavaScript是网页中的一种脚本语言，其前身叫做LiveScript，由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后，Netscape公司和Sun公司于1995年一起重新设计了LiveScript，并把它改名为JavaScript。
前端应该关注那些问题？
-
功能：例如做一个产品，它有那些功能，解决那些问题，是否能满足用户的需求等
-
美观：做出界面是否美观好看，用户体验感好不好
-
性能：做出来的网站响应是否快，动画是否流畅
-
安全： 保证网络数据安全，是否存在漏洞会被利用等
-
无障碍: 英文名也叫Web Accessibility Initiative - WAI， 这是一项关于web 开发者、创作者以及设计者使用的指导方针 - 关于如何使内容对残障人士更易用。
-
兼容： 做出来的网站是否能在各大平台网站使用，各类手机端，平板等正常使用
-
体验：保证用户体验是否足够好
语义化是什么？
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 例如：有序列表用ol;无序列表用ul
- lang属性表示内容所使用的语言等（如果你错误使用lang属性就可能导致某些插件的无法正常使用，比如翻译相关的插件）
谁在使用我们写的HTML
- 开发者->修改、维护页面
- 浏览器->展示页面
- 搜索引擎->提取关键词、排序
- 屏幕阅读器->给盲人读页面内容 故此正确的使用语义化非常重要！
本节重点
我觉得本节重点在于了解清楚前端是什么？前端工程师是干什么的？作为一名前端工程师需要注意到那些方面？然后就是语义化的理解，作为一名前端工程师应该遵循语义来编写HTML页面~ 完~
