欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-28  编辑:杨雨个人博客网站   点击:   

本篇文章主要的介绍了关于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”。(随便你起一个什么名字,但记住,要用英文)

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

如图:

tuyi.png

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

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

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

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

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

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

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

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

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

本文地址:http://itbyc.com/web/html5/20801.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1