HTML中Head元素常用功能

2019-04-26  本文已影响0人  logoss

<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>
上一篇下一篇

猜你喜欢

热点阅读