美文网首页
HTML中Head元素常用功能

HTML中Head元素常用功能

作者: logoss | 来源:发表于2019-04-26 14:39 被阅读0次

    <head>标签中包含的元素一般就3种,分别是<title>,<meta><link>
    (PS.如果你在<head>中写了其他的标签,比如<img>,会自动被系统分到body中。

    1.title

    <title>标题</title>
    网页的标题,显示在浏览器的标签中。

    2.meta

    meta标签一般的格式是name + content 或者http-equiv + content

    <meta name="参数" content="具体的描述">
    <meta http-equiv="参数" content="具体的描述">
    

    不过也有特殊的

    <meta charset="UTF-8">      //定义字符集
    

    常用的meta

    <meta charset="utf-8">   //定义字符集
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  //配置移动端缩放
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> //指定ie使用新版的引擎
    <meta name="keywords" content="hello,前端,html"> //搜索引擎关键字
    <meta name="description" content="学习前端"> //搜索引擎描述
    <meta name="renderer" content="webkit"> //360定制,默认使用webkit引擎
    //这3个是qq分享定制的,把连接分享到qq时有用
    <meta itemprop="name" content="这是分享的标题"/>
    <meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
    <meta name="description" itemprop="description" content="这是要分享的内容" />
    

    HTML meta标签总结与属性使用介绍

    3.link

    引入css

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

    引入图标,浏览器标签页上显示的图标,在title的旁边

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

    引入js,这个其实不算link标签了,不过也是引入其他文件,我也放在这里吧。引入js最好放在body中。

    <script src="app.js"></script>
    

    相关文章

      网友评论

          本文标题:HTML中Head元素常用功能

          本文链接:https://www.haomeiwen.com/subject/weifnqtx.html