前端与 HTML | 青训营笔记

335 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第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树示例

image.png image.png 3.HTML的语法和常见标签

   常见标签如 标题、列表、链接 、图片音频、表单、文字和引用、内容划分 具体同语法可参照MDN,这里不过多赘述 

HTML 元素参考 - HTML(超文本标记语言) | MDN (mozilla.org)

4.编写HTML的注意点:

  标签的选取一定要语义化,什么类型的内容用什么标签,这便于开发人员维护(同一规范便于阅读),浏览器展示,搜索引擎选取,便于无障碍阅读等  

5.如何做到语义化:

多了解各个标签的含义,多看看官方规范,不使用可视化工具生成代码