这是我参与「第五届青训营」笔记创作活动的第1天。
本节课老师重点介绍了一些基本的HTML标签,以及它们的基础用法。尽管之前已经有过相关知识的学习经验,但还是受益匪浅。
本节课重难点
什么是前端?
前端可以解决GUI与人机交互的问题,让非程序员也能便捷的使用计算机,它使具体过程隐藏,同时可以实现功能。
前端的重点
- 美观
- 功能
- 无障碍
- 安全
- 性能
- 兼容
- 体验
由于前端的主要目的是为了使普通人也能使用,所以体验感就是十分重要的一环,不仅要从UI上做到设计美观,更要从交互体验上满足大众。
前端技术栈
-
HTML
Hyper Text Markup Language,超文本标记语言,用一系列的标签元素组成浏览器的躯干
-
CSS
Cascading Style Sheets,层叠样式表,在已有躯干的基础上辅以各种装饰,使其变得美观
-
JavaScript
浏览器主要使用的脚本语言,解决了让页面和人互动起来等一系列交互问题
本节课收获
HTML语义化:由于层叠样式表的出现,HTML元素的默认样式早已无法满足大众的审美需求,而成熟的CSS也可以用不同的标签完成相同的页面效果。但效果是给人看的,我们看到的是样式而非标签,机器识别的是标签而非样式。对于我们常用的浏览器来说,它们每天需要到互联网上爬取巨量信息,语义化的标签可以方便他们的工作,同时也帮助我们满足SEO进而使我们的页面可以在浏览器的更前列,被更多人关注到。
SEO:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。