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

<head>内常用标签

时间:2018-11-15 01:31:02      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:highlight   重定向   form   inf   mat   back   标准模式   常用   表示   

<!DOCTYPE>

  • 位于文档的最前面,在<html>标签之前,它的作用是告诉浏览器该文档使用的是哪种规范
  • 声明文档的解析类型(document.compatMode),避免浏览器进入怪异模式

  document.compatMode:

    怪异模式(BackCompat):浏览器使用自己的怪异模式来解析渲染页面

    标准模式(CSS1Compat):浏览器使用W3C的标准来解析渲染页面

  这个属性会被浏览器识别并使用,如果不加该声明,那么该属性默认就是BackCompat

 


 

<head>内常用标签

<meta>标签:

  <meta>元素可提供有关页面的元信息(meta-information)

  <meta>标签位于文档的头部,不包含任何内容

  提供的信息用户不可见

 

<meta>标签的组成:

  <meta>标签有两个属性,分别是:http-equivname,不同的属性有不同的参数,这些参数值实现了不同的网页功能

  

name属性:主要用于描述网页,对应的属性值为content,content包含的内容主要是便于搜索引擎查找信息和分类信息

技术分享图片

 

  keywords和content配合使用:

    keywords:设置网页搜索关键词

    content:指定关键词内容

<meta name="keywords" content="这里是搜索的关键词">  

  description和content配合使用

    description:设置网页描述信息

    content:指定描述信息内容

<meta name="description" content="描述信息">

 

 

 

http-equiv属性:相当于文件头的作用,向浏览器传回一些有用的信息,用于帮助浏览器正确的显示网页内容,对应的属性值为content

  指定编解码格式:

<meta http-equiv="content-type" charset="UTF-8">

上面为完整写法,等同于

<meta charset="UTF-8">

  自动刷新,,类似重定向:

<meta http-equiv="Refresh" content="3;URL=https://www.baidu.com/">

表示3秒后刷新进入百度首页

  


 

<title>标签:浏览器上页面的标题

 


 

<link>标签:引入

  引入title图标,icon:

 

技术分享图片

  引入css文件:

<link rel="stylesheet" href="index.ces">

  

 


 

 <script>标签:用于指定客户端脚本

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

<script type="text/javascript">
document.write("Hello World!")
</script>

  

 

<head>内常用标签

标签:highlight   重定向   form   inf   mat   back   标准模式   常用   表示   

原文地址:https://www.cnblogs.com/Mr-chenshuai/p/9955830.html

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