欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html中的head标签在哪里找?head标签的作用总结

程序员文章站 2022-03-19 10:40:07
...
本篇文章主要的介绍了关于HTML中的head标签的作用及元素介绍,还说明了HTML中的head标签在哪里能查看到,接下来就让我们一起来看文章吧

首先我们先了解HTML中的head标签在哪里找?

head标签一般都是写在HTML文件的上方,不会显示到浏览器上去,所以要找head标签的里面的文件,要么去源文件中去查,要么找到那个HTML文件,用软件打开在里面看。

现在我们看看HTML中的head标签的作用是什么?

HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

基本HTML页面以<html>标签开始,以</html>结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在<head>和</head>标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)

然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。

如图:

html中的head标签在哪里找?head标签的作用总结

<head>标签内主要包含以下几种类型的元素:(head标签内的元素介绍)

1.<title>:规定网页的标题。

2.<meta>:主要给浏览器解析或者搜索引擎提供相关信息。

3.<link>:从外部引入CSS文件。

4.<style>:内部定义CSS代码。

5.<script>:从外部引入js文件或者直接定义js代码。

6.<base>:为当前文档的所有链接设置基准链接。

HTML头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。

移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。

【小编推荐】

html p标签怎么换行?html p标签添加br换行标签的应用

HTML中的form标签有什么作用?HTML form标签的用法解释

以上就是html中的head标签在哪里找?head标签的作用总结的详细内容,更多请关注其它相关文章!

相关标签: head html