标签的常用属性 rel href type title
时间: 2024-06-03 21:13:25 浏览: 99
- rel:指定当前文档与被链接文档之间的关系,常见的取值有:
- stylesheet:指定当前文档是一个样式表,被链接文档是样式表文件。
- icon:指定当前文档是一个图标,被链接文档是图标文件。
- prev:指定被链接文档是当前文档的前一个版本。
- next:指定被链接文档是当前文档的下一个版本。
- href:指定被链接的文档的URL。
- type:指定被链接文档的MIME类型,常见的取值有:
- text/css:样式表文件的MIME类型。
- image/png:PNG格式的图像文件的MIME类型。
- application/pdf:PDF格式的文档文件的MIME类型。
- title:指定链接的标题,一般用于鼠标悬停时显示提示信息。
相关问题
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><link rel=stylesheet type=text/css id=style href=/mob.css><title>泰迪内推</title><link href=/static/css/chunk-213d46f9.6699f04d.css rel=prefetch><link href=/static/css/chunk-27f03f86.a14eed06.css rel=prefetch><link href=/static/css/chunk-3e1db89a.80dc307b.css rel=prefetch><link href=/static/css/chunk-43ac0f34.b39cf2e8.css rel=prefetch><link href=/static/css/chunk-47eb0788.1ef261ba.css rel=prefetch><link href=/static/css/chunk-4df08e90.c15bd54f.css rel=prefetch><link href=/static/css/chunk-604a0331.222a69ed.css rel=prefetch><link href=/static/css/chunk-706e4bb8.ba0c435d.css rel=prefetch><link href=/static/css/chunk-aa019e9e.a24ffcbe.css rel=prefetch><link href=/static/css/chunk-b2d8146e.9f5c8495.css rel=prefetch><link href=/static/js/chunk-0bd9655e.5d19cfbe.js rel=prefetch><link href=/static/js/chunk-213d46f9.5bf0f607.js rel=prefetch><link href=/static/js/chunk-27f03f86.5642dd75.js rel=prefetch><link href=/static/js/chunk-2d0b35ec.0914afe2.js rel=prefetch><link href=/static/js/chunk-2d0dd3b6.0661684c.js rel=prefetch><link href=/static/js/chunk-2d217c6c.0552e504.js rel=prefetch><link href=/static/js/chunk-3e1db89a.32ad918c.js rel=prefetch><link href=/static/js/chunk-43ac0f34.cae47384.js rel=prefetch><link href=/static/js/chunk-47eb0788.f22bea25.js rel=prefetch><link href=/static/js/chunk-4c5e9add.e9181098.js rel=prefetch><link href=/static/js/chunk-4df08e90.a647fb2c.js rel=prefetch><link href=/static/js/chunk-50ab568d.23c2b33f.js rel=prefetch><link href=/static/js/chunk-580d01b5.865ed0ae.js rel=prefetch><link href=/static/js/chunk-604a0331.ff94cd57.js rel=prefetch><link href=/static/js/chunk-706e4bb8.cc1fe1f6.js rel=prefetch><link href=/static/js/chunk-70d08bcf.6283edd1.js rel=prefetch><link href=/static/js/chunk-aa019e9e.a3ad5f18.js rel=prefetch><link href=/static/js/chunk-b2d8146e.cc40e92f.js rel=prefetch><link href=/static/js/chunk-c5bd1154.0a2126f9.js rel=prefetch><link href=/static/js/chunk-f5ae8c94.d4d5a49c.js rel=prefetch><link href=/static/css/chunk-vendors.a57aa87f.css rel=preload as=style><link href=/static/css/frontend.8e826938.css rel=preload as=style><link href=/static/js/chunk-vendors.ce9424b8.js rel=preload as=script><link href=/static/js/frontend.6f4ec638.js rel=preload as=script><link href=/static/css/chunk-vendors.a57aa87f.css rel=stylesheet><link href=/static/css/frontend.8e826938.css rel=stylesheet></head><body><div id=app></div><script src=/static/js/chunk-vendors.ce9424b8.js></script><script src=/static/js/frontend.6f4ec638.js></script></body></html>
这是一个HTML文档,包含了HTML标签、元数据和引用的CSS和JS文件等。具体来说,DOCTYPE表示文档类型声明,html表示文档的根节点,lang=en表示文档使用的语言为英文。head标签包含了文档的元数据,包括字符集、兼容性模式、视口设置、标题、图标等。body标签包含了文档的主体内容,其中id为app的div标签可能是网页的主体内容容器。文档中还引用了多个CSS和JS文件,可以通过这些文件来渲染和控制网页的样式和行为。
<head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <!-- css files --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <!-- /css files --> <!-- font files --> <link href='#css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'> <link href='#css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <!-- /font files --> <!-- js files --> <script src="js/modernizr.custom.js"></script> <!-- /js files --> </head>
这是一个 HTML 的 <head> 元素,它通常用于包含各种网页的元数据,例如页面标题、CSS 和 JavaScript 文件、关键字和描述等等。这个 <head> 元素包含以下内容:
- <title> 元素:定义网页的标题,通常会显示在浏览器的标签栏上。
- <meta> 元素:定义网页的元数据,例如 viewport、编码方式和关键字等等。这里的 <meta> 元素定义了 viewport 的大小和缩放比例,以及网页的编码方式。
- <link> 元素:用于链接外部文件,例如 CSS、字体和图标等等。这里的 <link> 元素链接了 Bootstrap 和 Font Awesome 的 CSS 文件,以及自定义的样式文件。
- <script> 元素:用于加载 JavaScript 文件。这里的 <script> 元素加载了一个名为 modernizr.custom.js 的 JavaScript 文件。
总之,这个 <head> 元素包含了一些必要的元数据和外部文件,以及一些自定义的样式和 JavaScript 代码,用于构建网页的外观和交互。
阅读全文