HTML语言教程:HTML头部信息(Head)

潮流汇1

潮流汇1

2016-02-19 20:36

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享HTML语言教程:HTML头部信息(Head),希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

HTML头部信息(Head)HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。

另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里不赘述,请浏览搜索引擎网站。)

下面说几个常用的head信息里的html元素,如标题(title),链接(link),样式(style)以及关于信息(meta)。

标题(title)标题(title)是最常用的head信息。它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。

示例代码如下:

headtitleHTML中文教程头部信息(head)之标题(title)说明/title /head链接(link)用链接(link)可以建立和外部文件的链接。常用的是对CSS外部样式表(external style sheet)的链接。示例代码如下

:link rel="stylesheet" href="mainstyles.css" type="text/css"

样式(style)用样式(style)可以设值网页的内部样式表(internal style sheet)。示例代码如下:

headstyle   body {background-color:white; color:black;}   h1 {font: 18pt arial bold;}/style/head关于网页信息(meta)在计算机语言里,你经常可以看到一个前缀 -- meta,meta就是“关于”(about)的意思。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

这meta解释起来比较拗口,比如metadata,意为描述data的data,英文即data about data。还有一个词叫metalanguage,表示一种描述其它语言的语言。再举一个例子,metafile,表示描述其它文件的文件。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

在HTML里,meta标记(meta tags)表示用来描述网页的有关信息。示例代码如下:

meta name="description" cmeta name="keywords" cmeta name="author" c

利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码:

meta http-equiv="Refresh" c

展开更多 50%)
分享

猜你喜欢

HTML语言教程:HTML头部信息(Head)

Web开发
HTML语言教程:HTML头部信息(Head)

HTML头部信息(Head)

Web开发
HTML头部信息(Head)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML语言教程:HTML路径

Web开发
HTML语言教程:HTML路径

HTML语言教程:HTML常用格式

Web开发
HTML语言教程:HTML常用格式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML语言教程:HTML特殊字符显示

Web开发
HTML语言教程:HTML特殊字符显示

HTML语言教程:HTML图片 字体 背景

Web开发
HTML语言教程:HTML图片 字体 背景

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Windows8系统有关节省电池电量提示

Windows8系统有关节省电池电量提示

ASP+AJAX做类似google的搜索提示

ASP+AJAX做类似google的搜索提示
下拉加载更多内容 ↓