HTML标签
最后编辑于2026/06/25 by:nood
⚠兼容警告: 本文内容适用于HTML5 如果HTML5不兼容此标签 在此处将不会有相关讲解
⚠内容警告: 本文所讲解的标签并不全面 仅讲解部分标签
介绍
HTML中的所有标签都是要有闭合的 作用就是划清这个标签的开始和结束的位置 有自闭和标签:<标签>或者双标签:<标签></标签>
我们来了解一下最基本的标签:
<!DOCTYPE>标签
文档声明标签 通常在HTML文件内的第一行 写成<!DOCTYPE html> 我们不要管它 只需要有它就行
<html>标签
HTML文档根元素标签
<!DOCTYPE html>
<html>
你的网页内容都写在这里
</html> <!--注意最后要有闭合--><head>标签
头标签 里面一般会写<meta>标签
<meta>标签
这是一个很核心但是你看不见的标签 非常重要 一般写在<head>标签内 用于提供HTML文档的元数据(描述数据的数据 好像有点绕喵) 浏览器或搜索引擎(例如:百度)就会通过这个来处理网页
字符编码:
<meta charset="UTF-8">这是一个必须写的标签 告诉浏览器应该用哪个编码来解析 常见的编码有"UTF-8" "GBK"等 注意: 此标签需要写在<head>内第一个标签 否则浏览器可能会先解析前面的内容 导致乱码
视口配置:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--width=device-width: 页面宽度等于屏幕宽度-->
<!--initial-scale=1.0: 初始的缩放比例为1-->这个是让页面在浏览器按照设备的宽度缩放网页
页面描述:
<meta name="description" content="这里是网页描述">网页的描述内容要写在content=""的双引号里面 搜索引擎会把content=""的双引号里面内容显示在网页标题的下面 好的描述会提高点击率 当然,如果你没让搜索引擎收录也不打算让别人发现你的网页可以不写
关键词:
<meta name="keywords" content="这里是关键词1, 这里是关键词2, 这里是关键词3">可以看到content=""双引号内的内容就是关键词 每个关键词中间用,(注意是英文输入法的逗号)分开 用于告诉搜索引擎关键词 当然,如果你没让搜索引擎收录也不打算让别人发现你的网页可以不写
作者或版权声明
<meta name="author" content="这里是作者">
<meta name="copyright" content="这里是版权信息">第一行是标注作者 第二行是标注版权信息
刷新和跳转
<meta http-equiv="refresh" content="5">
<!--上面那里的意思是在5秒钟后刷新页面-->
<meta http-equiv="refresh" content="10; url=https://docs.nood.icu">
<!--上面那里的意思是在10秒钟后跳转至https://docs.nood.icu 也就是本文档喵~-->兼容IE浏览器:
<meta http-equiv="X-UA-Compatible" content="IE=edge">让IE浏览器浏览此页面时强制使用最新渲染引擎
差不多就这些 这就是<meta>标签
<title>标签
<title>标签一般都是写在<meta>标签下面 且<title>标签不是自闭和标签 而是双标签 它的格式为:
<title>标题</title><link>标签
<link>标签是自闭和标签 作用是定义当前文件与外部文件关系的标签 或者说是引用外部链接的标签
引用外部CSS文件
<link rel="stylesheet" href="styles.css">rel是固定写法 告诉浏览器这是样式表 href指的是文件路径(文件路径要填到双引号内)
<style>标签
<style>标签是双标签 里面的内容就是写样式的 也就是CSS代码 具体怎么写可以去看CSS教程
<body>标签
网站内用户看得见的内容和JS代码就写在<body>标签内 是双标签
HTML5新定义结构化标签
以下4个标签都是在HTML5中新增加的结构化标签
⚠仅在HTML5中兼容
<header>标签
<header>标签写的是网页内容的头部 一般都是导航栏上方的标题等
<nav>标签
<nav>标签内写的是导航栏内容
<main>标签
<main>标签内要写的是网页核心内容的地方 一般在导航栏下面
<footer>标签
<footer>标签是页末标签 一般都是写版权声明、备案等
<div>标签
还没写...
<h1>-<h6>标签
<hx>标签是双标签 写标题的标签 标题内容写在两个标签中间 如:
<h1>这是一个标题</h1>HTML5中的标题标签一共有6个分别是<h1>``<h2>``<h3>``<h4>``<h5>``<h6> 数字越大显示出来的文字越小
<p>标签
还没写...
<a>标签
还没写...
<img>标签
还没写...