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;
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标准内核。