2、头部标签

    技术2022-07-11  82

    头部标签

    <title>标签<meta>标签<link>标签<script>标签

    一、<title>标签

    1.1、说明

    ​ <title> 标签用于定义文档的标题,提供页面被添加到收藏夹时的标题名称。

    1.2、使用

    <!DOCTYPE> <html> <head> <title>网页名称</title> </head> </html>

    二、<meta>标签

    2.1、说明

    ​ 支持HTML的浏览器都支持<meta> 标签,该标签提供了当前文档的元数据。元数据不会被显示在客户端,但是会被浏览器解析。在HTML中,没有结束标签。但是在XHTML中,必须包含结束标签。

    2.2、属性

    charset:HTML5的新特性。用于告知浏览器当前文档使用的字符编码,有了这个浏览器才知道该用什么字符编码来解析该文档。【感觉就这一个用得上,其他的干脆就不列出来了】

    2.3、使用

    <!DOCTYPE> <html> <head> <meta charset="UTF-8"><!--该文档使用的字符集,其实常用的几个字符集浏览器都是认识的--> <title>网页名称</title> </head> </html>

    三、<link>标签

    3.1、说明

    ​ 支持HTML的浏览器都支持<meta> 标签,标签定义文档与外部资源的关系。最常见的用途就是链接CSS样式表、链接javaScript脚本、链接icon标题logo。

    3.2、属性

    charset:HTML5不支持该属性。用于定义被链接文档使用的字符集,方便浏览器解析。href:被链接文档的位置sizes:HTML5新特性。定义链接属性的大小,只对属性rel="icon"有效。rel:指明链接进来的是个什么东西。 Stylesheet:样式表Icon:标题前面的图标… 全局属性。

    3.3、使用

    <!DOCTYPE html> <html> <head> <title>网页名称</title> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/test1.css"><!--引入一个CSS样式表--> <link rel="icon" href="../img/logo.ico" sizes="32*32"><!--引入一个标题logo图片--> </head> </html>

    四、<script>标签

    4.1、说明

    ​ <script> 标签用于定义客户端脚本,比如 JavaScript。该标签可以用于链接外部脚本,也可以直接在标签中写脚本。

    4.2、属性

    type:必选的属性。用于指示脚本的类型,如:type="javascript"src:必选的属性。指定外部文档的位置charset:用于定义被链接文档使用的字符集,方便浏览器解析。全局属性

    4.3、使用

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页名称</title> <script type="javascript" src="../js/test.js"></script> </head> </html>

    <noscript>标签,当脚本没有被执行时,就会显示该标签中的文本。 示例:<noscript>文本</noscript>

    Processed: 0.010, SQL: 9