一 、head区域
●head标签用于定义文档的头部,它是所有头部元素的容器。 <head> 中的元素可以引用脚本、指示浏览器在哪里 头标签用于定义文档的头部,它是所有头部元素的容器.<HEAD>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
●文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。绝大多 中的位置以及和其他文档的关系等.绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
●下面这些标签可用在head部分: <base> ,<link>,<meta>,<script>, <style> ,以及<title>。
1、base标签
●base 标签为页面上的所有链接规定默认地址或默认目标。
●通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
●使用<base> 标签可以改变这一点。浏览器随后将不再使用当前文档的URL, 而使用指定的基本URL来解析所有的相对URL。这其中包括<a> 、<1mg> 、<link> 、<form> 标签中的URL。
2、meta标签
●<meta> 元素可提供有关页面的元信息(meta-information) ,比如针对搜索引擎和更新频度的描述和关键词。
●<meta> 标签位于文档的头部,不包含任何内容。 <meta> 标签的属性定义了与文档相关联的名称/值对。
●<meta charset="UTF-8"> 指定浏览器编码模式为"UTF-8"*
●<meta name= "vlewport" content=" width=device-width,init1al-scale=1.0"> content属性值:
。width:可视区域的宽度,值可为数字或关键词device-width,即设备宽度
。height:同width
。intial-scale:页面首次被 显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
。maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
。maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
。user-scalable:是否可对页面进行缩放, no禁止缩放
●<meta http- equiv="X-UA-Compatible" content= ”1e=edge">兼容性模式设置: