前端与 HTML | 青训营笔记

392 阅读2分钟

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

一、本堂课重点内容:

  1. 语义化是什么?
  2. 谁在使用我们的写的HTML
  3. 如何做到语义化

二、详细知识点介绍

这节课主要介绍了,HTML中的元素、属性及属性值都有某些含义,开发者应该遵循语义来编写HTML,并且我们写的HTML要符合用户的需求,假如用户是一个盲人,那么我们应该还要写一个可以阅读页面上的文字的功能,了解用户的需求是很重要的。对于如何做到语义化,应该了解HTML标签的含义,并且在写的时候考虑应该用什么样的标签。

三、课后个人总结

本章内容的语义化标签实在是太多了,并且有些标签的意思相近,很容易记混,或者遇到某个场景,就不知道用哪一个。遵循语义化来编写HTML在后面慢慢注意,看看别人怎么写的,先了解一些常见的,然后有精力的话,可以了解一些冷门的语义化。

通过这次课之后,更加深入的了解了HTML,知道了之前没有在意过的知识,特别是语义化,之前用的时候就随便用,不管什么地方都放一个 div 标签,定义列表也只是单纯的用 p 标签,几乎没想起过用 dt 标签,这样阅读代码的时候感觉很乱,有时候写错了,找 bug 还要找半天,不便于维护,也不能党搜索引擎确定上下文的权重,所以以后用语义化来写,有益无害。

四、补充知识

之前看网课的时候,记笔记记了一部分常见的语义化标签:

<header>:头部区域

<nav>:导航栏

<main>:页面的主体内容

<article>:写页面的一些内容

<section>:文档中的一些区域

<aside>:侧边栏

<footer>:页脚