前端与 HTML | 青训营笔记

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

一、前端基础知识

1、前端技术栈与运行机制

前端技术栈主要分为三层，分别是HTML(内容)、CSS(样式)与JavaScript(行为)。我们通常将这些内容存放在服务器端，再通过HTTP等协议获取并渲染于浏览器当中。同时我们还可以将用户的行为通过HTTP协议发送至服务器端，并等待接受服务器处理返回的结果再加以展示

2、简述HTML与HTML标签

HTML的全称为HyperText Markup Language(超文本标记语言)，值得注意的是HTML本身并不是一种编程语言，而是一种标记语言。其通过一套套标记标签来书写一份HTML文档亦或者成为一个WEB页面，基础的标签分类如下代码

<!DOCTYPE html> //声明为 HTML5 文档
    <html> //html标签是HTML文档的根标签
        <head> //包含了文档的元（meta）数据
            <meta charset="utf-8"> //定义一些网页设置，比如这里定义网页编码格式
            <title>ZONGXP</title> //描述了文档的标题
        </head>
        <body> //包含了可见的页面内容
            <h1>青训营笔记</h1> //定义一个一级标题
            <p>前端与 HTML</p> //定义一个段落
        </body>
    </html>

3、新增的HTML标签

(1)引用类

blockquote：块级引用
cite：短引用
q：有明确指向的短引用
code：表示代码

(2)内容划分[页面模块]

二、收获总结

通过今日的课程《前端与HTML》，夯实巩固了我对HTML的了解，并且在课程中反复提及的一些关于如何制作一份优质的HTML文档的点令人影响深刻，譬如代码语义化带来的好处不仅便于自己在编写途中的思路展开，还利于后续他人进行维护时简单的上手。以及在设计页面时要从用户的角度出发，并且还要顾全一些不方便的用户，譬如屏幕阅读器以及一些css在颜色上的设计