html标签之头部元素

不念不忘少年蓝@ 2022-06-13 02:59 245阅读 0赞

# html标签之头部元素 #

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

![Center][]

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

![Center 1][]

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

如：

![Center 2][]

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

![Center 3][]

### 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）。如下图： ##

![Center 4][]

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

[Center]: /images/20220613/8e03307ca9a54b02b448a9d846d9b691.png
[Center 1]: /images/20220613/2c07f58077684baa8efa96a93c57f479.png
[Center 2]: /images/20220613/a987c0c5c0674f6997a7c1f10340d7cc.png
[Center 3]: /images/20220613/7f542acc4bad4449853e50cf2036a3f9.png
[Center 4]: /images/20220613/c93ab4978c4f4b38ab50e3aa155bd5fc.png
[async]: http://www.w3school.com.cn/tags/att_script_async.asp
[charset]: http://www.w3school.com.cn/tags/att_script_charset.asp
[defer]: http://www.w3school.com.cn/tags/att_script_defer.asp
[src]: http://www.w3school.com.cn/tags/att_script_src.asp