HTML总结| 青训营笔记

97 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

想写笔记很久了,之前在csdn上面发表,但是无心整理,脑子里的知识很散乱,学过三遍h5c3,本来这次想当作复习了,结果第一天老师有点混乱讲的内容不多,感觉起不到复习的作用,那我只好自己总结一下我认为重要的知识点包括面试题(之后会呈持续更新,如果有补充或纠正的请给我留言~)

1.什么是前端

在此之前我从来没有考虑过这个问题,只知道专业分流分为前端和后端,按我自己的话来说,前端是面向用户,用户能直观查看并感受的一面。
而韩老师给出的答案是 :

屏幕截图 2022-07-24 234521.jpg

2.前端技术栈如何形成的

屏幕截图 2022-07-24 164856.jpg 这让我想到一道面试题
经典面试题:在浏览器地址栏输入一个 URL 后回车,背后发生了什么 - 腾讯云开发者社区-腾讯云 (tencent.com)
我自己的理解是:一个页面包括html,css,JavaScript三部分,在用户输入网址后,浏览器完成域名的解析就开始向指向的服务器发送请求,有时服务器要向数据库请求一些资源,当数据请求回来后,服务器向页面传输这些数据和资源,页面再开始加载这些数据和资源,加载完毕后渲染页面最后呈现给用户。

3.前端应该关注的方面

屏幕截图 2022-07-25 001438.jpg
我感觉我目前也就只能在做到美观和功能吧哈哈哈哈....

4.前端开发环境

屏幕截图 2022-07-25 001642.jpg
这里也有个面试考点
①主流浏览器内核及前缀
IE                           Trident     -ms-
Chrome/opera       Blink        -webkit-/-o-
Firefox                    Gecko      -moz-
Safari                      Webkit     -webkit-

5.HTML是什么?

屏幕截图 2022-07-24 165337.jpg 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

扩展知识

  • SGML 是标准通用标记语言,是所有电子文档标记语言的起源。
  • XML:可扩展标记语言,标签自己创建,比html标签多。
  • XHTML:相比于HTML,规则更严格(标签需小写,需闭合等)

6.语义化是什么 \ 简述一下你对 HTML 语义化的理解?

屏幕截图 2022-07-24 171802.jpg 简而言之,用正确的标签做正确的事情。
而语义化的好处也有很多,比如:

  • 代码可读性强
  • 可维护性强
  • 利于搜索引擎优化(利于SEO)
  • 提升无障碍性

(HTML标签会另开更新。。)