这是我参与「第五届青训营 」笔记创作活动的第1天
一、本堂课重点内容
前端和HTML是什么,以及HTML在前端领域的作用
二、详细知识点介绍:
前端的介绍
1.前端是什么?
前端是使用web技术栈解决多端(网页,客户端等)图形用户界面交互的工程师
2.前端技术栈有哪些?
HTML(页面内容)
css(页面样式)
js(交互)
与服务端交流的相关网络协议
3.前端开发中关注的点
功能 美观 兼容 性能 安全 体验 无障碍(不仅适用于残疾人或老人,应该考虑到正常人在特殊情况下会遇到的问题)
4.前端技术在别的方面的延伸:
nodejs(服务端) electron和react native(客户端) 等等
5.对网页前端的个人理解: 书写由html css js组成的页面。页面由浏览器向服务端请求得到,运行在浏览器上,用户在通过前端页面与服务端进行网络交流
HTML的介绍
1.什么是HTML
HTML是超文本标记语言,超文本代表着网页中的链接图片视频普通文本等,标记语言代表它的结构是由如同 <p>文本</p> 这样的标签组成的
2.HTML的样例
HTML主要是dom树结构,下面是HTML示例和对应的dom树示例
3.HTML的语法和常见标签
常见标签如 标题、列表、链接 、图片音频、表单、文字和引用、内容划分 具体同语法可参照MDN,这里不过多赘述
HTML 元素参考 - HTML(超文本标记语言) | MDN (mozilla.org)
4.编写HTML的注意点:
标签的选取一定要语义化,什么类型的内容用什么标签,这便于开发人员维护(同一规范便于阅读),浏览器展示,搜索引擎选取,便于无障碍阅读等
5.如何做到语义化:
多了解各个标签的含义,多看看官方规范,不使用可视化工具生成代码