HTML 标签大全(包含语义与解释)
2.12 HTML 标签大全
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML总结</title>
</head>
<body>
<a href="https://blog.csdn.net/qq_62283694?spm=1000.2115.3001.5343">点击跳转CSDN博客</a>
</body>
</html>
玄子Share-CSDN博客首页
https://blog.csdn.net/qq_62283694?spm=1000.2115.3001.5343
标签 | 语义 | 解释 |
---|---|---|
<!DOCTYPE>
|
文档类型声明 | 声明当前文档的类型为 HTML5,告诉浏览器应该以什么样的规范来解析文档。 |
<html>
|
根元素 | 声明 HTML 文档的根元素,所有其他元素都应该是它的后代。 |
<head>
|
头部元素 | 用于包含文档的元数据,例如标题、样式、脚本等。 |
<title>
|
标题元素 | 定义文档的标题,通常会显示在浏览器的标签页上。 |
<body>
|
主体元素 | 包含文档的主体内容,例如段落、列表、图片、链接等。 |
<header>
|
头部元素 | 包含网页或区域的头部内容,通常包括网站的名称、导航栏等。 |
<nav>
|
导航元素 | 包含网页的主要导航链接。 |
<main>
|
主要内容元素 | 包含文档的主要内容,通常不包含页眉、页脚等辅助内容。 |
<article>
|
文章元素 | 包含独立的、完整的文章内容。 |
<section>
|
区域元素 | 包含相关的内容,通常由一个标题和若干段落组成。 |
<aside>
|
旁边栏元素 | 包含页面主体内容之外的内容,例如侧边栏、广告等。 |
<footer>
|
底部元素 | 包含网页或区域的页脚内容,通常包括版权信息、联系方式等。 |
<h1> - <h6>
|
标题元素 | 定义标题,从大到小依次为一级标题到六级标题。 |
<p>
|
段落元素 | 定义一个段落。 |
<strong>
|
强调重点 | 用于表示文本中的强调重点,通常呈现为加粗字体。 |
<em>
|
强调文本 | 用于表示文本中的强调文本,通常呈现为斜体字体。 |
<small>
|
缩小文本 | 用于表示文本中的较小字体,通常用于注释或版权声明。 |
<mark>
|
高亮文本 | 用于表示文本中的高亮部分,通常呈现为黄色背景。 |
<del>
|
删除文本 | 用于表示文本中的删除部分,通常呈现为删除线。 |
<ins>
|
插入文本 | 用于表示文本中的插入部分,通常呈现为下划线。 |
<ul>
|
无序列表 | 用于创建一个无序列表,其中每个列表项都由一个圆点符号标识。 |
<ol>
|
有序列表 | 用于创建一个有序列表,其中每个列表项都由一个数字或字母标识。 |
<li>
|
列表项 | 用于定义列表中的一个列表项。 |
<dl>
|
定义列表 | 用于创建一个定义列表,其中每个列表项由一个术语和一个定义组成。 |
<dt>
|
定义术语 | 用于定义定义列表中的一个术语。 |
<dd>
|
定义描述 | 用于定义定义列表中术语的定义。 |
<a>
|
锚点元素 | 定义一个超链接,可以链接到其他网页、文件、位置等。 |
<img>
|
图片元素 | 定义一个图片,需要指定图片的 URL、大小、描述等信息。 |
<audio>
|
音频元素 | 定义一个音频,通常用于播放音乐、声音等。 |
<video>
|
视频元素 | 定义一个视频,通常用于播放电影、短片等。 |
<source>
|
媒体资源元素 | 定义媒体元素的一个或多个媒体资源,通常用于指定不同格式、不同分辨率的媒体文件。 |
<table>
|
表格元素 | 定义一个表格。 |
<tr>
|
表格行元素 | 定义表格中的 |
<td>
|
表格数据元素 | 定义表格的一个数据单元格,通常包含表格中的数据。 |
<thead>
|
表格头部元素 | 定义表格的头部区域,通常包含表格的列名。 |
<div>
|
分隔元素 | 用于将 HTML 文档分隔成独立的、不同的区块,通常用于布局和样式控制。 |
<span>
|
文本容器 | 用于将文本包含在一个容器中,通常用于对文本进行样式控制和脚本操作。 |
<form>
|
表单元素 | 定义一个表单,通常用于收集用户输入的信息。 |
<input>
|
输入框元素 | 定义一个用户输入框,通常用于接收用户的输入。 |
<label>
|
标签元素 | 定义一个标签,通常用于为表单控件添加文本描述。 |
<select>
|
下拉框元素 | 定义一个下拉框,通常用于让用户从多个选项中选择一个。 |
<option>
|
下拉框选项元素 | 定义一个下拉框的选项,通常包含下拉框中的选项。 |
<textarea>
|
文本框元素 | 定义一个多行文本输入框,通常用于让用户输入多行文本。 |
<button>
|
按钮元素 | 定义一个按钮,通常用于触发表单的提交或其他操作。 |
<fieldset>
|
表单域元素 | 定义一个表单域,通常用于将表单控件分组。 |
<legend>
|
表单域标题元素 |
为 <fieldset> 元素定义一个标题,通常用于描述表单域的内容。
|
<datalist>
|
数据列表元素 | 定义一个数据列表,通常用于提供用户输入的提示和自动完成功能。 |
<optgroup>
|
下拉框选项组元素 | 定义一个下拉框的选项组,通常包含多个选项。 |
<meter>
|
测量元素 | 定义一个度量值,通常用于显示表单输入的值在一定范围内的比例。 |
HTML 标签大全(包含语义与解释)相关推荐
- html5大全,常用html5标签大全 - 小俊学习网
作为一名网页制作人员或者seo优化人员,不可不知的html5标签.万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,html5标准规范制 ...
- html与css常用标签大全
一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTM ...
- H265/HEVC视频分层码流分析语义元素解释
H265/HEVC视频分层码流分析语义元素解释 H265分层结构 H265码流结构 Ffmpge 抽取H264,H265码流的命令 视频参数集VPS 序列参数集SPS(Sequence Paramet ...
- HTML标签大全(很全哦).
今天给大家整理了一篇html(http://www.maiziedu.com/course/web/421-5342/)标签,把所有的html标签都包含在里面,更为该标签进行了说明.欢迎大家收藏. 一 ...
- dedecms标签大全
dedecms标签大全 网站名称:{dede:global.cfg_webname/} 网站根网址:{dede:global.cfg_basehost/} 网站根目录:{dede:global ...
- dede仿站标签替换工具_dede仿站工具包_DEDE标签大全下载
dede仿站标签替换工具_dede仿站工具包_DEDE标签大全主要整合了dedecms常用标签,实现复制粘贴即可做出网站前台调用,首页-列表页-内容页-搜索-系统标签设置重要的一个功能,可以直接生成一 ...
- html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签 我的第一部分有一个容器div, ...
- html页面包含头文件,Web前端技术:HTML部分---Head标签中包含的头文件标签,body标签包含的内部标签...
1.Head标签中包含的 头文件标签的作用: (1)title标签:定义网页的标题. (2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字.页面描述等 (3)link标签:用于引入外部样式 ...
- html语义化标签和无语义化标签
什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义,让浏览器认识这个标签所传达的信息,是干什么的有什么作用. 比如:h1标题标签的语义是用它来标识网页或其他部分最重要的标题. 然而span ...
最新文章
- Openstack安装部署
- 学java为什么要报java培训班?
- bootstrap modal 弹出效果
- VMware排错:Number of virtual devices exceeds the maximum for a given controller
- 行为模式之State模式
- 第3 章体系结构(Architecture)
- lwip iperf 方法进行性能测试
- 读《大道至简-- 第二章 是懒人造就了方法》 有感
- android scrollview 底部控件,Android ScrollView和屏幕底部的按钮
- 证监会:《证券期货业信息安全保障管理办法(征求意见稿) 》公开征求意见...
- wget命令3(转载)
- js 改变this指向的几种方法(个人学习笔记)
- java第十四次作业
- 互联网寒冬资讯分析报告!如何在“大裁员”下逆势而为?
- ubuntu查看cuda和cudnn
- LOLBox多玩饭盒Android源码
- JRebel设置快捷键+激活方式
- IEC60958/61937协议
- 计算机技术比武通讯报道,第十六届后勤优质服务月:各部门积极开展技能比武,强化岗位技能,提升服务水平...
- 大众-OBD-接口位置
热门文章
- TypeScript的类
- 刷脸支付巨额补贴和产品更新换代的重拳之下
- java 判断 nan_关于java:如何测试double是否等于NaN?
- 30岁,辞掉年薪20万的工作开始创业,目前月薪2k
- python新年快乐表情包_【新年快乐,跨年文章】Python 百度API 画出美美哒热力地图(代码 数据)...
- 手把手教你制作一款具有疫情查询功能的软件
- linux more 高亮_Linux下more命令高级用法
- 全景AR增强监视系统对接SkeyeIVMS视频云管控系统实现软硬件资源的健康状态管理(二)
- bzoj 2560 串珠子
- python 矩形树图_好看的数据可视化的图片是怎么样做的?