head的使用

最新推荐文章于 2023-12-28 14:35:45 发布

java-小生

最新推荐文章于 2023-12-28 14:35:45 发布

阅读量623

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_40792591/article/details/100701662

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<head>作为网页的头

它内部可以包含有6种不同的标签<meta> <link> <base> <style> <script> <title>

下面我们来介绍一下这6种标签的使用

1、<meta> 是head中的一个内部辅助性标签，<meta>含有两个属性，Name和http-equiv ；

Name可以等于下面的5个值

keywords：向搜索引擎说明页面的关键字，content后输入供搜索的具体关键字

description：向搜索引擎描述页面的主要内容

generator：向页面描述生成的软件名，content后面是输入具体的软件名称

author：网页设计者，在content后输入网页设计者的名称

robots: 限制搜索的方式，在content后面通常可以输入all，none，index，noindex，follow，nofollow

<!doctype html>
<html>
<head>
<meta name="keywords" content="nine,twenty-three">
<meta name="author" content="aingwiwew">
</head>
</html>

http-equiv属性：http-equiv的值

reflesh: 是对属性的具体描述，说明界面可以自动刷新

content：后面键入等待的时间，url后面键入跳转的页面链接地址

下面的例子说明该页面每6秒刷新1次

<!DOCTYPE html>
<htlml>
    <head>
        <meta charset="utf-8">
        <meta name="spring" content="nine">
        <meta http-equiv="refresh" content="6;url=http://www.baidu.com/">
        untitleed Decument!
    </head>
    <body>
        <p>html入门案例</p>
        <p>这个页面在6秒钟后自动跳转到百度</p>
    </body>
</htlml>

2、<link>标签定义了一个外部文件的链接，经常被使用到链接外部的css样式

说明下列语句中引用到了temp.css文件的外部链接

3、<base>为整个页面定义了所有链接的基础定位。主要作用是为了确保文档中所有的相对url，都可以被分解成正确的文档地址。

4、<style>标签，用来定义css样例

<style type="text/css">
   .style1{
          font-size:24px
          font-weight:bold;
          color:#FFFFFFF;
        }
</style>

5、<script>用来定义页面内的脚本，如 javascript

要书写的脚本内容

</script>

6、<title>用来定义网页的标题

java-小生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录