前端系统课程 - 08. HTML (1)

说说简历

简历最好挂在自己买的域名上，这样显得专业一点。

简历模板

在追波网（dribbble.com）搜索 cv 或 resume 关键字，或者在五百丁上买。

简历内容

  • 必要的内容：

    • 个人信息：照片、姓名、性别、年龄、学校、所在城市、职位目标等；

    • 教育经历；

    • 工作经历；

    • 项目经验。

  • 可选的内容：

    • 开源代码，GitHub 要经常使用；

    • 博客链接：多写博客，自己搭建的最好；

    • 外文翻译；

    • 他人评价；

    • 对公司业务的分析；

  • 没用的内容：

    • 自我评价；

    • 对公司或产品的喜爱；

    • 段子。

什么是HTML

HTML（HyperText Markup Language，超文本标记语言），超级文本标记语言是标准通用标记语言，它通过标记符号来标记要显示的网页中的各个部分。

HTML版本

版本从 1.0 到 4.01，再到现在的 HTML5 版本，目前 HTML5.2 也已经发布。

“H5”和 HTML5 不是一个概念，所谓的“H5”页面其实只是在微信中能展示的页面，甚至可以用 HTML4.01 做出来。

HTML规范

规范由 W3C 制定，W3C 会根据浏览器的实际情况总结文档。

DOCTYPE

文档类型，用来标识 HTML 文档的版本，以判定文档遵循何种规范。目前使用的 HTML5 的文档类型应该写作：

1
<!DOCTYPE html>

HTML标签

  • HTML5 规范中，<head> 标签、<body> 标签为空标签时，是可以省略的；即使不写 html 标签，也是符合规范的；如果不写，浏览器在渲染时会自动补全。

  • 常见标签如：<p> 标签，含义是“paragraph”，段落的意思；<ul> 标签，含义是“unordered list”，意思是无序列表；div 标签，含义是“divide”，划分的意思，等等……

  • 了解标签的语义化，就是要了解标签的含义，并且在对应的使用场景时，正确的使用标签。

  • 各种浏览器都给除了 <div> 和 <span> 标签以外的 HTML 的标签定制了默认样式。

  • 遇到不会的标签，或者需要了解标签的更多规范，移步 MDN。

结构与样式分离

HTML 只是用来描述文档的结构，而文档以什么方式什么样子展示，那是 CSS 的事；例如内联元素与块级元素的区分，本质上是样式的区分，所以不归 HTML 管，HTML 中的内联与块级元素的概念，实际上是由 CSS 控制的，属于 CSS 中的概念。