当前位置: 代码迷 >> 综合 >> 前端开发学习(day2)
  详细解决方案

前端开发学习(day2)

热度:30   发布时间:2023-09-10 15:13:07.0

HTML学习

一、简介

根据W3C标准,一个网页主要由三部分组成:结构、表现还有行为,而HTML对应的就是结构,我们学习HTML实际上就是学习如何将各种组件组合成一个网页的大致框架。HTML即超文本标记语言,HTML使用标签的形式来标识网页的不同组成成分,超文本即超链接,使用超链接可以从一个页面跳转到另一个页面。

二、最基本的HTML页面

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body>内容</body>
</html>

这是一个最基本的HTML页面,其中包含了文件声明 ,、头部,内容。

三、基本标签及作用

doctype:HTML有许多版本,为了让浏览器知道我们是使用哪个版本编写的网页,需要通过doctype来告诉浏览器该网页的版本,我们现在通用的是HTML5版本的声明,即。

:自结束标签,只有开始没有结束标签,位于文档头部,可提供有关页面的元信息,比如针对搜索引擎的描述和关键词以及文档所使用的字符集等,若文档字符集与浏览器解码字符集不一致会产生乱码。可选属性有name以及content,name值可选description、keyword等,用于告诉搜索引擎该网站的主要内容以及关键字,content为description和keyword的文字表述,当我们搜索某个关键词时,某些含有这些关键词的网页就会被爬取到然后显示出来。meta有一个关键属性为http-equiv,可选值refresh,为**网页重定向**,我们有时打开某些网站会自动跳转即应用了此属性。 :用于告诉浏览器该文档是用HTML编写的,所有的内容都必须包含进标签中,如果编写过程中有内容没包含进去,在打开网页时浏览器会自动修正文档,不过这样会降低网页性能,因此编写时要尽可能规范。 :包含了网页的元数据,这些内容用户是不可见的,这部分内容是网页为了方便搜索引擎爬取而添加的。

四、语义化标签

语义化标签的作用是告诉搜索引擎被该标签包围的内容的具体职能是什么。

:网页的头部,用与放置一些logo、导航栏、搜素框等内容。 :网页的主体,即网页中最主要的部分,也是产品经理最想呈现给用户的部分。
:网页的底部,主要放置一些版权信息、其他网站的友情链接等。
:用来放置文章。

~

:标题,从1到6重要性递减,最重要的部分用h1,可以让浏览器得知各部分重要性。
:标题群,用于多个标题,即正副标题等。