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

HTML之head学习

程序员文章站 2022-07-11 12:14:28
...

1 head的作用

    头部里的内容主要是被浏览器使用,不会显示在网页的正文内容中,搜索引擎会查找网页中的head信息,因此为了让搜索引擎能够搜索到网页需填写相应的head信息。

2 head中常用的html元素

 1)标题title

  示例:

         <head><title>标题</title></head>

  作用:

         title中的内容显示在浏览器窗口的标题栏里。

 2)连接link

   示例:

             <link rel="stylesheet" href="colorstryles.css" type="text/css"> 

   作用:

            可以建立与外部文件的连接。常用的睡对CSS外部样式表的连接

  3)样式style

    示例:

            <head>
            <style>
                body{background-color:white;}    
                h1{font:18pt arial bold}
             </style>
             </head>

   作用:
           可以设定网页的内部样式表
  4)关于网页信息meta
    示例:
            A: <meta name="description" content="头部信息">
                   <meta name="keywords" content="HTML,study,minkey">
                   <meta name="author" content="企鹅家族">
            B: <meta  http-equiv = "Refresh" content="5;url=http://www.XXX.com/index.html">

   作用:

         A:用来描述网页的相关信息
         B:利用meta中色Refresh实现自动跳转页面的功能

  5)base标签

   示例:

    <head>
    <base href="http://www.xxx.xxx/images/" />
    <base target="_blank"> 
    </head>
    <body>
    <img src="stickman.gif:/>
    <a href="http://www.123.com">nihao</a>
    </body>

   作用:

        为页面里的所有连接定义基准URL和缺省的目标

转载于:https://my.oschina.net/syc2013/blog/109179