html标签之头部元素

html标签之头部元素

<title></title>------title标签是head标签中唯一要求必须包含东西的标签，其内部所包含的是网页的标题：

 


如图，以上代码在浏览器中运行的效果为：

 


 

<style>------style标签用于为 HTML
文档定义样式信息，也就是说，style标签用于包裹直接写在html文档中的css代码，一般放在head标签中。

如：

 


在上图中，在style标签内，规定了类名为box的div的宽高及背景颜色。在网页中展现的效果如下图：

 

style标签中的属性：

type：定义了style元素的内容，并且它唯一可能的值只有”text/csss”。Type属性是style标签的必须属性（虽然我试了下，不填也没事）。
media：是style标签中的可选属性，一般不常见，为样式表规定不同的媒介类型。它的值有：screen，tty，tv，projection，andheld，print，braille，aural，all。分别标识不同的媒介类型。

<script>------标签用于定义客户端脚本，比如
JavaScript。script
元素既可以想style元素一样，包含脚本语句（js代码），也可以通过
src 属性指向外部脚本文件（xxx.js）。如下图：

 


 

script标签的属性：

必须：

type：指示脚本的 MIME
类型。唯一可能的值只有”text/javascript”。

可选：

async：规定异步执行脚本（仅适用于外部脚本）；

charset：规定在外部脚本文件中使用的字符编码；

defer： 规定是否对脚本执行进行延迟，直到页面加载为止；

language：
不赞成使用。规定脚本语言。请使用 type
属性代替它；

src：规定外部脚本文件的 URL；<
4000
/span>

xml:space：规定是否保留代码中的空白。

 

<meta>------meta标签可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。meta标签位于文档的头部，不包含任何内容。<meta>
标签的属性定义了与文档相关联的名称/值对。<meta>
标签永远位于 head
元素内部。

meta标签的属性：
必须：

content：定义与 http-equiv
或 name
属性相关的元信息。

可选：

http-equiv：把 content
属性关联到 HTTP
头部；

name：把 content
属性关联到一个名称；

scheme：定义用于翻译 content
属性值的格式。

Meta标签对于网页的优化以及对不同浏览器的适配十分重要：

 

如图代码的作用是告诉360浏览器在打开我们的网页时，默认使用什么浏览器内核去渲染我们的网页。Content属性的值为webkit、ie-comp、ie-stand三个中的一个。分别代表webkit内核，IE兼容内核，IE标准内核。