【JavaScript】VS Code快速生成 html（头部）模板

Evelyn_178

已于 2023-07-31 15:06:43 修改

阅读量4.1k

点赞数 12

文章标签： javascript

于 2023-07-07 22:03:15 首次发布

本文链接：https://blog.csdn.net/Evelyn_178/article/details/131605136

版权

1、快速生成 html（头部）模板

① 打开 VS Code，创建一个 html 文件；
② 输入 ! ，选择 !!! 选项。
在这里插入图片描述

输入 ! 后按 tab键 可直接生成 html 模板。
在这里插入图片描述

<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签有：<title>，<style>，<meta>，<link>，<script>，<noscript> 和 <base>。

<head> 
<title>文档标题</title>
</head>

<title> 标签在 HTML/XHTML 文档中是必需的。

<base> 标签描述了基本的链接地址/链接目标，该标签作为 HTML 文档中所有的链接标签的默认链接：

<head>
<base href="http://……" target="_blank">
</head>

target=“_blank” 表示 在新的窗口中打开链接，如果不设置 target=“_blank” 属性，点击链接会进入新的页面并覆盖之前的页面。
注：target=“_blank” 属性必须要和 herf 一起才会生效。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务：
为搜索引擎定义关键词：

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容：

<meta name="description" content="html 教程">

定义网页作者：

<meta name="author" content="Evelyn">

每30秒钟刷新当前页面：

<meta http-equiv="refresh" content="30">

<head>
<style type="text/css">
body {
    background-color:yellow;
}
p {
    color:blue
}
</style>
</head>

关注