这是我参与「第五届青训营 」笔记创作活动的第1天
我将从以下几点去分享对于观看完“前端与HTML”这门课的收获:
- 一个基础的网页由哪几个部分组成
- meta标签的作用
- 什么是元素属性
- 什么是语义化以及为什么要语义化
首先是第一点,一个最基础的网页是由以下几个部分组成:
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
其中,值得我们关注的是则是里面的文档声明<!DOCTYPE html>,这部分内容就是告诉浏览器网页是以html5版本编写的
紧接着是第二点,meta标签的作用,我总结为以下五点比较常用的:
- 放在head标签里面使用
- 可以提供该网页相关信息,提供网页元数据
- 中文的网页需要用到的它的声明编码,否则会出现乱码
- 它可以提供网页关键字,并且关键字之间使用,隔开
- 同时可以描述网页的信息
接下来我们来聊一聊什么是元素属性
- 它总是以名值对的形式出现的,值是通过双引号或者单引号包裹着
- 它总是放在开始标签上
- 可以在元素中添加附加信息,帮助我们更快找到它
- 能够设置标签的内容展示
最后,也是比较有意思的一个地方,学习了不同的语言才发现,只有HTML比较独有的一个特点,就是它有许多的语义化的部分。那么什么是语义化呢?语义化则是每个HTML元素都有其具体的含义,比如说我们常见的<title></title>标签,这就是很典型的一个语义化的实现。我们可以直观的从这个标签的意思上去理解它的作用,这就是语义化的特点,而使用语义化,可以在页面没有CSS的情况下,也能够呈现出很好的内容结构;同时也有利于SEO,标签确定关键字的权重,因此可以增加搜索相关权重,使得网站在搜索结果中排名靠前。
以上则是我个人的一点学习心得,欢迎各位优秀的开发者批评指针!