<head>内常用标签

<!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>

  

猜你喜欢

转载自www.cnblogs.com/Mr-chenshuai/p/9955830.html
今日推荐