[这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天]
>>什么是前端工程师?
使用web技术栈解决多GUI(图形页面)人机交互的工程师
>>前端技术栈
html: 定义网页的内容
css: 定义网页的行为
js: 定义网页的行为
>>前端应该关注什么
功能
美观
无障碍
安全
性能
体验
兼容
>>什么是HTML (HyperText Markup Language)
HyperText: 超文本，比如图片，链接，表格等
Markup Language (标记语言)： 如：
<h1>hello HTML</h1>
HTML 内容的整体布局 分为 :
<DOCTYPE html>： 标记当前在使用html文件的版本，最终浏览器会据此来决定使用何种方式去渲染
<html>: 网页的根标签
<head>: 里面存放了一些无需展示给用户, 比如外部的css链接，js链接，网页的内容和编码形式等
<body>: 里面存放需要直接展示给用户内容
>>关于标签的一些介绍
功能性标签
输入方面：
<input>
<input>的属性方面checkbox: 多选框
<input type="checkbox />"radio: 单选框
<input type="radio" />
<textarea>
文本类
<blockquote>块级引用，用户引用一段内容比较多的文本，其中cite属性指明文字引用的出处
<blockquote cite="url">content</blockquote>
<code>如果文本内容存在js风格的代码，可以用
<code>，普通文本的换行是无效的，使用<code>包裹的文本中的换行浏览器可以正常显示
>>语义化
语义化的好处
代码可读性
代码可维护性
便于搜索引擎优化
提升代码的无障碍性
如何做到语义化？
了解每个标签的属性和含义
思考什么标签最适合描述当前的内容
不使用可视化工具生成代码
总结
html传递的是内容而不是样式。在写代时，要注重语义化，比如： 如果是一个标题就使用
<h1>，如果是一个段落就使用<p>
