前端与HTML | 青训营笔记Day 1

47 阅读1分钟

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

本节课程的知识要点:

  1. 前端工作的定义
  2. 前端技术栈拆解与分析
  3. HTML 作用解析
  4. HTML 语义化

本节的详细知识点:

  • HTML是一种结构化描述语言

  • HTML基本格式主要包括:

     <!DOCTYPE>文档类型声明、开始标签<html><head>头部标记、<body>主体标签

  • 常见标签:<html>、<head>、<body>、<p>、<h1~h6>、<img>、<a>

    我是大大大大题目

    大大

    小小小小

  • HTML中标签和属性不区分大小写

  • HTML语义化:HTML中的元素、属性及属性值都有其某些含义。

       开发者应遵循HTML的语义来编写HTML,譬如:lang属性表示的含义是指内容所使用者的语言、ol是指有序列表、ul则指无序列表等。

<ol>
  <li>项目列表一</li>
  <li>项目列表二</li>
</ol>
  • HTML语义化的好处:可维护性、搜索引擎优化、提升无障碍性、代码可读性
  • 如何做到HTML语义化?

       老师提到课程中给我们所讲到标签远远没有实际上的多,我们需要了解每个标签和属性的含义,并且熟知其应放在哪里是最适合用来描述这个内容的。

前端与 HTML - 掘金 (juejin.cn)

期待明天的上课内容