这是我参与「第五届青训营 」伴学笔记创作活动的第1天
一、本堂课重点内容
- 前端是什么、前端要解决的问题和技术栈等。
- HTML 的概念、常用的 HTML 标签和语义化。
二、前端
是什么
- 前端开发是使用WEB技术栈，解决互联网产品跨终端（PC、小程序等）的图形界面人机交互问题。
技术栈
- WEB技术栈（语言）：HTML（内容）、CSS（样式、渲染）、 Javascript（行为、响应）
- 一些框架：react 、 Vue 、 Svelte
- 运行环境：Nodejs
and so on. （可以去关注一下网页加载过程中的代码运行等）
关注什么
- 功能、美观、无障碍（是否所有人可用，如色盲症）、安全、性能、兼容性、体验
三、HTML
HTML (HyperText Markup Language) ，超文本标记语言。
- 不是编程语言，而是用来告知浏览器如何组织页面的标记语言。它用标签(tags) 来描述网页。
- HTML 文档包含了HTML 标签及文本内容
- 当服务器把HTML网页发送给用户时，用户的浏览器会解析html代码，生成DOM树（DOM，Document Object Model（文档对象模型））
常用的HTML标签
- 标题 h1~h6 不同级别、大小
- 列表 有序列表ol 无序列表ul 定义列表dl
- 超链接 a（使用 target 属性，可指定链接打开方式）
- 引用 cite短引用 q短引用，一般为之前出现过的内容 blockquote块级引用
- 强调 strong内容上的强调 em语气上的强调
与标签相关的属性也要关注！
and so on.（更多详见MDN 上的 HTML 参考： developer.mozilla.org/en-US/docs/…）
内容划分
语义化
- HTML中的元素、属性以及属性值都拥有某些含义
- HTML开发者应该遵循语义来编写HTML
个人理解：让页面的内容结构化，对于开发者、浏览器等HTML使用者来说代码可读性强，便于进一步使用、维护等。
所以，要了解标签、属性含义，恰当选择、使用标签。
