信息元素
yuhuo2022-04-01HtmlHtml
html
<html></html>
head
<html>
<head></head>
</html>
body
<html>
<body></body>
</html>
base
<html>
<head>
<base href="/root/" />
</head>
</html>
title
<html>
<head>
<title>标题</title>
</head>
</html>
meta
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="关键词" />
<meta name="description" content="描述" />
<meta name="application-name" content="应用名称" />
<meta name="language" content="语言">
<meta name="generator" content="制作工具">
<!--
移动端视口缩放
width：视口宽度，取值：正整数，width-device 设备宽度
initial-scale：初始缩放值，取值：小数
maximum-scale：初始缩放值，取值：小数
minimum-scale：初始缩放值，取值：小数
user-scalable：初始缩放值，取值：yes，no
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<!--
双核浏览器默认使用内核
webkit：谷歌内核
ie-comp：IE兼容内核
ie-stand：IE标准内核
-->
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<!-- 定时刷新页面（单位秒） -->
<meta http-equiv="refresh" content="100"/>
<!-- 定时跳转页面 -->
<meta http-equiv="refresh" content="100;http://www.baidu.com"/>
<!-- 优先使用的样式表，对应style或link元素的title -->
<meta http-equiv="defaul-style" content="myStyle"/>
<!-- 在IE浏览器中，使用GCF谷歌内核渲染，如无安装该插件则用客户端中IE最新版本 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 旧式指定字符编码 -->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<!-- 新式指定字符编码，但是对象没有charset属性 -->
<meta charset="utf-8" />
</head>
</html>
link
<html>
<head>
<link rel="stylesheet" href="./myStyle.css" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
</html>
style
<html>
<head>
<!-- 可以定义在 head，body 中的任意位置 -->
<style>
body { margin: 0; }
</style>
</head>
</html>
script
<html>
<head>
<!-- 可以定义在 head，body 中的任意位置 -->
<!-- 外部脚本 -->
<script src="1.js"></script>
<!-- 当前脚本 -->
<scrip>
var a = 1;
</script>
<!-- 导入映射表，目前只有Chrome支持 -->
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>
<!-- es模块 -->
<script type="module">
// 正常引入对象
import { createApp } from "https://unpkg.com/vue@3/dist/vue.esm-browser.js";
// 引入映射表表定义的对象
import { createApp } from "vue";
</script>
</head>
</html>
noscript
<noscript>
支持script的浏览器会忽略该标签。
可以放在head，body中的任意位置。
</noscript>