【HTML】 head下的各标签介绍

head标签

用于描述文档的各种属性和信息,包括文档的标题, 编码方式及 URL等信息,

这些信息大部分是用于提供索引,或设备端描述

title　　代表网页的标题

 

meta 的两种属性:

1. http-equiv属性  帮助浏览器正确地显示网页内容,与之对应的属性值为content

* <meta http-equiv="Content-Type" content="text/thtml;charset=utf-8">           //指定编码的类型

<meta http-equiv="refresh" content="2;URL=http://www.example.com">         //2秒后跳转到指定页面

<meta http-equiv="x-ua-compatible" content="IE=edge">        　　　　　　 // 告诉IE浏览器以最高模式渲染当前网页

2. name 属性便于搜索引擎查找信息和分类信息用的 SEO优化

<meta name='keywords' content="meta总结, html meta,meta属性, meta跳转">

<meta name="description" content="hello world">

 

link 标签

<link rel="stylesheet" type="text/css" href="./index.css">   //定义网站图标

<link rel="stylesheet" type="text/css" href="./index.css">   //引入外部样式表

 

style

定义内部部样式表

<style type="text/css">

 

script

定义内部脚本文件

<script type="text/javascript"></script>

<script scr="./index.js"></script>