前端工程师学习路线 —— HTML 1

2020.2.13

1. 学习基础
2. 编写语义HTML
3. 表单与验证
4. 惯例与最佳做法
5. 可访问性
6. 搜索引擎优化基础

---

一、学习基础
HTML不是一门编程语言，而是一种用于定义内容结构的标记语言；

原义字符	等价字符引用
<	&lt；
>	&gt；
’	&apos；
"	&quot；
&	&amp；
都是英文分号

---

二、编写语义HTML
我们身边的任何地方都要依赖语义学 — 我们依靠以前的经验就知道日常事物都代表什么；当我们看到什么，我们就会知道它代表什么。

---

三、表单与验证

<form action="/my-handling-form-page" method="post">
		<div class="button">
		  		<button type="submit">Send your message</button>
		</div>
</form>

action 属性定义了在提交表单时,应该把所收集的数据送给谁(/那个模块)(URL)去处理。.
method 属性定义了发送数据的HTTP方法(它可以是“get”或“post”).

---

四、惯例与最佳做法
https://www.bbsmax.com/A/rV57eN7VzP/

1. 保持标签闭合
2. 声明正确的文档类型
3. 永远不要使用内联样式
4. 将所有外部css文件放入head标签内
5. javascript文件放在底部
6. 永远不要使用内联javascript。
7. 边开发，边验证
8. 保持标签名小写
9. 使用H1-H6标签
10. 写博客时，请将H1留给文章标题
11. 使用无序列表（UL）包裹导航菜单
12. 学习如何应对IE
13. 上线前，压缩代码
14. 精简，精简，在精简
15. 给所有图片加上“alt”属性
16. 查看源代码
17. 为所有的元素定义样式
18. 使用第三方服务
19. 掌握Photoshop
20. 学习每一个HTML标签
21. 参与社区讨论
22. 对齐元素
23. 关于PSD切片
24. 等等

---

五、可访问性
可访问性是一种使尽可能多的人可以使用您的网站的做法。传统上，我们认为这与残疾人有关，但是使站点可访问的做法也使其他群体受益，例如使用移动设备的群体或网络连接速度较慢的群体。

---

六、搜索引擎优化基础
搜索引擎优化（SEO，Search Engine Optimization）
利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名；
目的是让其在行业内占据领先地位，获得品牌收益；
很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。