码迷,mamicode.com
首页 > 其他好文 > 详细

HEAD标签中的常用标签

时间:2018-08-16 20:58:31      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:body   school   描述   链接   jin   直接   a标签   现在   文献   

目录

知识点

  1. HTML的主体结构
  2. HEAD标签中的常用标签

知识点详解

0x01 HTML的主体结构

HTML的主体结构分为两大部分:最顶部声明和HTML标签。其中,HTML标签又包含HEAD与BODY两个标签。

<!DOCTYPE html>   <!-- //最顶部声明,告诉浏览器所使用的HTML规范 -->
<html>    <!--//html标签开始-->
    <head></head>    <!--//head标签-->
    <body></body>   <!-- //body标签-->
</html>    <!--//html标签结束-->

0x02 HEAD标签中的常用标签

HEAD中标签所起的作用,大多数不能直接在页面显现出来。如果你要看自己所配置的代码,可右击浏览器->选择查看页面源代码进行查看。

  • <title></title> 设置网页的标题
  • <meta /> 对页面进行描述
    • 属性
      • http-equiv 告知浏览器的行为
        取值:
        content-type
        refresh
      • name 告知浏览器的内容
        取值:
        keywords
        description
  • <link /> 定义两个文档之间连接的关系(文献)
    • 属性
      • rel 文档与被链接文档之间的关系
      • type 被链接文档的类型
      • href 被链接文档的地址
        注意:href中会涉及到文件的地址,地址设置分为绝对路径和相对路径。
        绝对路径:相当于回到起点重新开辟另一条道路。比如www.cnblogs.com/jingbai/p/http-url.html。
        相对路径:相当于以现在的路径作为起点去设置路径。
        ./ 表示当前目录; ../ 表示上一级目录
      <!DOCTYPE html>
      <html>
        <head>
        <title>meta标签</title>    <!--//需要设置页面的字符集,不然标题会乱码-->
        <meta charset="utf-8" />    <!--//设置页面的字符集-->
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>    <!--//设置页面字符集的另一种方法-->
        <meta http-equiv="refresh" content="5" />    <!--//设置页面自动刷新,“5”代表每隔5秒进行自动刷新一次-->
        <meta name="keywords" content="这里是关键字描述的地方" />    <!--//设置网站的关键字-->
        <meta name="description" content="这里是对于网站进行描述的地方,可以详细的叙述所建网站的作用,目的等" />    <!--//设置网站的详细描述-->
        <link rel="icon" type="image/jpg" href="./a.jpg"/>    <!--//设置网页标题标题的logo-->
        </head>
        <body>
        </body>
      </html>
  • <script></script> 加载JS脚本
  • <style></style> 加载CSS样式

HEAD标签中的常用标签

标签:body   school   描述   链接   jin   直接   a标签   现在   文献   

原文地址:https://www.cnblogs.com/jingbai/p/head-label.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!