前端与HTML|青训营笔记

355 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第1天
我将从以下几点去分享对于观看完“前端与HTML”这门课的收获:

  1. 一个基础的网页由哪几个部分组成
  2. meta标签的作用
  3. 什么是元素属性
  4. 什么是语义化以及为什么要语义化

首先是第一点,一个最基础的网页是由以下几个部分组成:

<!DOCTYPE html>
<html>
    <head></head>
    <body></body>
</html>

其中,值得我们关注的是则是里面的文档声明<!DOCTYPE html>,这部分内容就是告诉浏览器网页是以html5版本编写的

紧接着是第二点,meta标签的作用,我总结为以下五点比较常用的:

  1. 放在head标签里面使用
  2. 可以提供该网页相关信息,提供网页元数据
  3. 中文的网页需要用到的它的声明编码,否则会出现乱码
  4. 它可以提供网页关键字,并且关键字之间使用,隔开
  5. 同时可以描述网页的信息

接下来我们来聊一聊什么是元素属性

  1. 它总是以名值对的形式出现的,值是通过双引号或者单引号包裹着
  2. 它总是放在开始标签
  3. 可以在元素中添加附加信息,帮助我们更快找到它
  4. 能够设置标签的内容展示

最后,也是比较有意思的一个地方,学习了不同的语言才发现,只有HTML比较独有的一个特点,就是它有许多的语义化的部分。那么什么是语义化呢?语义化则是每个HTML元素都有其具体的含义,比如说我们常见的<title></title>标签,这就是很典型的一个语义化的实现。我们可以直观的从这个标签的意思上去理解它的作用,这就是语义化的特点,而使用语义化,可以在页面没有CSS的情况下,也能够呈现出很好的内容结构;同时也有利于SEO,标签确定关键字的权重,因此可以增加搜索相关权重,使得网站在搜索结果中排名靠前。
以上则是我个人的一点学习心得,欢迎各位优秀的开发者批评指针!