`
ykyfendou
  • 浏览: 403648 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Html中head中标签部分的设置

    博客分类:
  • html
阅读更多

Htmlhead标签部分在网站实际运行中有很大的作用,是必须进行设置的地方。必不可少的设置标签如下

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta charset="utf-8">

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

<base href="." target="_blank">

<meta name="keywords" content="聊天交友,社交,脸盆网,facepot脸盆网,脸盆网facepot,网页游戏,交流互动,脸盆网登录,脸盆网主页,脸盆网留言">

<meta name="description" content="最轻松的聊天网站,让你找到曾经失去的朋友,距离不是问题,因为我们都在脸盆网。脸盆网,找朋友,找同学,玩游戏,看分享,社交互动,您最好的选择,快加入脸盆网吧。">

<title>脸盆网-登录</title>

</head>

<body>

</body>

</html>

 

1

<title>不用说,肯定是<title></title>标签,这时网站的名字,每一个网站都不希望做一个无名之辈。

2、然后自然就是搜索关键字的设置了,通过<meta name=”keywords”>来进行设置,可以设置多个,用逗号隔开。一般是该网站的功能关键字。

3、然后就是<meta name="description">了,它是设置网页被搜索到后显示的介绍,内容,一般使用概括性语言向网友推荐该网站。

4、为了让网站看起来更加美观,可以在标题中加入图片,可以让人在看到这个图片就会联想到是这个网站的图片,当打开页面的时候,这个图片连同该网站的标题都会显示在浏览器的选项卡中,在地址栏中也会显示这个图片。

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

注意,这个图片是一个.ico格式的图片。设置的时候注意路径要正确。而且必须将rel定义为rel="shortcut icon"才可以。

 

可以使用下面的网站来制作ico格式的图片。

http://www.chami.com/html-kit/services/favicon/

 

5、设置网页内容格式,<meta http-equiv="Content-Type">这也是必不可少的,就不用多说了。

 

6cssjs的引用需要的时候,可以在head中进行引用,在head中引用的css会在body加载之前就先把css加载上。

 

7<base href="." target="_blank">是用来设置在新页面进行操作的,如点击登陆的时候,可以弹出一个新页面。如果不需要,删除这个配置即可。

 

 

0
0
分享到:
评论

相关推荐

    HTML head 头标签详细介绍

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

    suno AI教程及元标签.docx

    元标签可以在HTML文档的`&lt;head&gt;`部分中定义。以下是一个示例: ```html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta name="keywords" content="HTML, meta tags, metadata"&gt; ...

    html代码资源

    html代码1. 就是超文本标记语言的简写,...里面由头部分&lt;head&gt;&lt;/head&gt;和体部分&lt;body&gt;&lt;/body&gt;两部分组成。 5. 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。 体部分是真正存放页面数据的地方。

    HTML中head头结构

    HTML head头部分的标签、元素有很多,涉及到浏览器对网页的渲染,搜索引擎SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素。了解每个标签的意义,写出满足自己需求的head标签,十分重要。

    Struts2+API+标签全解+网页说明

    head标签:生成HTML页面的HEAD部分。 file标签:在页面上生成一个上传文件元素。 hidder标签:生成一个不看见的用户输入元素。 select标签:生成下拉列表框。 optiontransferselect标签:创建两个选项以及转移...

    自学html的那些天.md

    - 以 &lt;html&gt;为根标签,包含: &lt;head&gt;头部和主体部分 - 头部提供关于网页的相关信息,如标题、文档类型、字符编码、关键字等摘要信息 - 主体部分提供网页的显示内容,真正显示在页面中的内容 - 合理的进行缩进 ...

    一个简单的管理系统的源代码示例,包括HTML、CSS和JavaScript(附详细操作步骤).txt

    在&lt;head&gt;标签中,设置了页面标题为"Management System",并链接了一个名为"styles.css"的样式表文件。 在标签中,首先显示了一个导航栏,其中包含四个链接:Dashboard、Users、Products和Orders。 然后,使用标签...

    前端css+html+布局笔记

    HTML是采用纯文本的形式的编写,采用HTML标签来标识出页面中的不同部分 标签 成对出现 &lt;标签名&gt;标签名&gt; 自结束标签 &lt;标签名 /&gt; 属性 通过属性可以设置标签的效果 属性需要定义在开始标签中或这自结束标签中 ...

    HTML面试试题集合.rar

    - HTML文档以 `&lt;html&gt;` 标签作为根元素,并包含两个主要部分:`&lt;head&gt;` 和 `&lt;body&gt;`。 - `&lt;head&gt;` 部分用于定义文档的元信息,如标题、样式表和脚本等。而 `&lt;body&gt;` 部分包含了实际的页面内容,如文本、图像、链接等...

    JSP的系统性教材

    &lt;head&gt;……&lt;/head&gt;:HTML文件的头部标记,在其中可以放置页面的标题以及文件信息等内容,习惯将这两个标签之间的内容统称为HTML的头部。 ……&lt;/body&gt;:用来指明文档的主体区域,网页所要显示的内容都要放置在这个 ...

    详解html头标签的使用

    HTML两部分组成 head和body  ** 在head里面的标签就是头标签  ** title标签:表示在标签上显示的内容  ** meta标签:设置页面的一些相关内容(用的比较少)  &lt;meta name="keywords" content="熊猫,金丝猴,...

    Web前端基础:HTML.pdf

    里面由头部分&lt;head&gt;&lt;/head&gt;和体 分&lt;body&gt;&lt;/body&gt;两部分组成。 5. 头部分是给Html 页面增加一些辅助或者属性信息,它里面的内容会最先加载。 6. 体部分是真正存放页面数据的地方。 1:诞生 HTML(HyperText Makeup ...

    struts2 标签库 帮助文档

    head标签:生成HTML页面的HEAD部分。 file标签:在页面上生成一个上传文件元素。 hidder标签:生成一个不看见的用户输入元素。 select标签:生成下拉列表框。 optiontransferselect标签:创建两个选项以及转移...

    HTML(超文本标记语言)笔记.txt

    DOCTYPE&gt;声明开始,然后包含&lt;html&gt;元素,其中包括&lt;head&gt;和部分。&lt;head&gt;包含文档的元数据,如标题、字符编码和引入的外部资源;包含页面的可见内容。 标题和段落: 使用到标签定义标题,表示不同级别的标题。段落...

    Html5中文手册(程序员必备手册)

    Html 5 标签(按照英文字母a~z顺序排列): 1、&lt;!--...--&gt; 定义注释。 2、&lt;!DOCTYPE&gt; 定义文档类型。 3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7...

    html5理解head_动力节点Java学院整理

    HTML文档的head部分,通常包括指定页面标题,为搜索引擎提供关于页面本身的信息,加载样式表,以及加载JavaScript文件(出于性能考虑,多数时候放在页面底部&lt;/body&gt;标签结束前加载JavaScript)。除了title,...

    HTML基础重点_一般标签、常用标签和表格

    第一部分 HTML &lt;html&gt; –开始标签  &lt;head&gt;  网页上的控制信息  &lt;title&gt;页面标题&lt;/title&gt;  &lt;/head&gt;  &lt;body&gt;  页面显示的内容  &lt;/body&gt; &lt;/html&gt; –结束标签 ...

    1902090514 李松峰.zip

    - 以 &lt;html&gt;为根标签,包含: &lt;head&gt;头部和主体部分 - 头部提供关于网页的相关信息,如标题、文档类型、字符编码、关键字等摘要信息 - 主体部分提供网页的显示内容,真正显示在页面中的内容 - 合理的进行缩进 ...

    从入门到精通HTML5——PDF——网盘链接

    head&gt; 7  1.3.4 文件标题标签&lt;title&gt; 7  1.3.5 文件主体标签&lt;body&gt; 7  1.3.6 编写文件的注意事项 8  1.4 编写第一个HTML文件 8  1.4.1 HTML文件的编写方法 8  1.4.2 手工编写页面 9  1.4.3 ...

    html marquee标签使用示例介绍

    该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 Marquee 公告滚动代码 最简单的网站公告滚动代码 ,...

Global site tag (gtag.js) - Google Analytics