百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

HTML5常用标签大全 html5标签有哪些

myzbx 2024-12-23 12:21 46 浏览

HTML前端开发最终取决于掌握标签的多少

HTML大概有七八百个标签

楼主这里给大家总结了下HTML常用标签

标签描述

<!--...-->定义注释。

<!DOCTYPE> 定义文档类型,所有H5都是这玩意打头。

<a>定义锚。

<abbr>定义缩写。

<acronym>定义只取首字母的缩写。

<address>定义文档作者或拥有者的联系信息。

<applet>不赞成使用。定义嵌入的 applet。

<area>定义图像映射内部的区域。

<article>定义文章。

<aside>定义页面内容之外的内容。

<audio>定义声音内容。

<b>定义粗体字。

<base>定义页面中所有链接的默认地址或默认目标。

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<body>定义文档的主体。

<br>定义简单的折行。

<button>定义按钮 (push button)。

<canvas>定义图形。

<caption>定义表格标题。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<col>定义表格中一个或多个列的属性值。

<colgroup>定义表格中供格式化的列组。

<command>定义命令按钮。

<datalist>定义下拉列表。

<dd>定义定义列表中项目的描述。

<del>定义被删除文本。

<details>定义元素的细节。

<dir>不赞成使用。定义目录列表。

<div>定义文档中的节。

<dfn>定义定义项目。

<dialog>定义对话框或窗口。

<dl>定义定义列表。

<dt>定义定义列表中的项目。

<em>定义强调文本。

<embed>定义外部交互内容或插件。

<fieldset>定义围绕表单中元素的边框。

<figcaption>定义 figure 元素的标题。

<figure>定义媒介内容的分组,以及它们的标题。

<font>不赞成使用。定义文字的字体、尺寸和颜色。

<footer>定义 section 或 page 的页脚。

<form>定义供用户输入的 HTML 表单。

<frame>定义框架集的窗口或框架。

<frameset>定义框架集。

<h1> to <h6>定义 HTML 标题。

<head>定义关于文档的信息。

<header>定义 section 或 page 的页眉。

<hr>定义水平线。

<html>定义 HTML 文档。

<i>定义斜体字。

<iframe>定义内联框架。

<img>定义图像。

<input>定义输入控件。

<ins>定义被插入文本。

<isindex>不赞成使用。定义与文档相关的可搜索索引。

<kbd>定义键盘文本。

<keygen>定义生成密钥。

<label>定义 input 元素的标注。

<legend>定义 fieldset 元素的标题。

<li>定义列表的项目。

<link>定义文档与外部资源的关系。

<map>定义图像映射。

<mark>定义有记号的文本。

<menu>定义命令的列表或菜单。

<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。

<meta>定义关于 HTML 文档的元信息。

<meter>定义预定义范围内的度量。

<nav>定义导航链接。

<noframes>定义针对不支持框架的用户的替代内容。

<noscript>定义针对不支持客户端脚本的用户的替代内容。

<object>定义内嵌对象。

<ol>定义有序列表。

<optgroup>定义选择列表中相关选项的组合。

<option>定义选择列表中的选项。

<output>定义输出的一些类型。

<p>定义段落。

<param>定义对象的参数。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<script>定义客户端脚本。

<section>定义 section。

<select>定义选择列表(下拉列表)。

<small>定义小号文本。

<source>定义媒介源。

<span>定义文档中的节。

<strike>不赞成使用。定义加删除线文本。

<strong>定义强调文本。

<style>定义文档的样式信息。

<sub>定义下标文本。

<summary>为 <details> 元素定义可见的标题。

<sup>定义上标文本。

<table>定义表格。

<tbody>定义表格中的主体内容。

<td>定义表格中的单元。

<textarea>定义多行的文本输入控件。

<tfoot>定义表格中的表注内容(脚注)。

<th>定义表格中的表头单元格。

<thead>定义表格中的表头内容。

<time>定义日期/时间。

<title>定义文档的标题。

<tr>定义表格中的行。

<track>定义用在媒体播放器中的文本轨道。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<ul>定义无序列表。

<var>定义文本的变量部分。

<video>定义视频。

<wbr>定义可能的换行符。

<xmp>不赞成使用。定义预格式文本。

标签描述

<!DOCTYPE> 定义文档类型。

<html>定义 HTML 文档。

<title>定义文档的标题。

<body>定义文档的主体。

<h1> to <h6>定义 HTML 标题。

<p>定义段落。

<br>定义简单的折行。

<hr>定义水平线。

<!--...-->定义注释。

格式

标签描述

<acronym>定义只取首字母的缩写。

<abbr>定义缩写。

<address>定义文档作者或拥有者的联系信息。

<b>定义粗体文本。

<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<del>定义被删除文本。

<dfn>定义定义项目。

<em>定义强调文本。

<font>不赞成使用。定义文本的字体、尺寸和颜色

<i>定义斜体文本。

<ins>定义被插入文本。

<kbd>定义键盘文本。

<mark>定义有记号的文本。

<meter>定义预定义范围内的度量。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<small>定义小号文本。

<strike>不赞成使用。定义加删除线文本。

<strong>定义语气更为强烈的强调文本。

<sup>定义上标文本。

<sub>定义下标文本。

<time>定义日期/时间。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<var>定义文本的变量部分。

<wbr>定义可能的换行符。

表单

标签描述

<form>定义供用户输入的 HTML 表单。

<input>定义输入控件。

<textarea>定义多行的文本输入控件。

<button>定义按钮。

<select>定义选择列表(下拉列表)。

<optgroup>定义选择列表中相关选项的组合。

<option>定义选择列表中的选项。

<label>定义 input 元素的标注。

<fieldset>定义围绕表单中元素的边框。

<legend>定义 fieldset 元素的标题。

<isindex>不赞成使用。定义与文档相关的可搜索索引。

<datalist>定义下拉列表。

<keygen>定义生成密钥。

<output>定义输出的一些类型。

框架

标签描述

<frame>定义框架集的窗口或框架。

<frameset>定义框架集。

<noframes>定义针对不支持框架的用户的替代内容。

<iframe>定义内联框架。

图像

标签描述

<img>定义图像。

<map>定义图像映射。

<area>定义图像地图内部的区域。

<canvas>定义图形。

<figcaption>定义 figure 元素的标题。

<figure>定义媒介内容的分组,以及它们的标题。

音频/视频

标签描述

<audio>定义声音内容。

<source>定义媒介源。

<track>定义用在媒体播放器中的文本轨道。

<video>定义视频。

链接

标签描述

<a>定义锚。

<link>定义文档与外部资源的关系。

<nav>定义导航链接。

列表

标签描述

<ul>定义无序列表。

<ol>定义有序列表。

<li>定义列表的项目。

<dir>不赞成使用。定义目录列表。

<dl>定义定义列表。

<dt>定义定义列表中的项目。

<dd>定义定义列表中项目的描述。

<menu>定义命令的菜单/列表。

<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。

<command>定义命令按钮。

表格

标签描述

<table>定义表格

<caption>定义表格标题。

<th>定义表格中的表头单元格。

<tr>定义表格中的行。

<td>定义表格中的单元。

<thead>定义表格中的表头内容。

<tbody>定义表格中的主体内容。

<tfoot>定义表格中的表注内容(脚注)。

<col>定义表格中一个或多个列的属性值。

<colgroup>定义表格中供格式化的列组。

样式/节

标签描述

<style>定义文档的样式信息。

<div>定义文档中的节。

<span>定义文档中的节。

<header>定义 section 或 page 的页眉。

<footer>定义 section 或 page 的页脚。

<section>定义 section。

<article>定义文章。

<aside>定义页面内容之外的内容。

<details>定义元素的细节。

<dialog>定义对话框或窗口。

<summary>为 <details> 元素定义可见的标题。

元信息

标签描述

<head>定义关于文档的信息。

<meta>定义关于 HTML 文档的元信息。

<base>定义页面中所有链接的默认地址或默认目标。

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签描述

<script>定义客户端脚本。

<noscript>定义针对不支持客户端脚本的用户的替代内容。

<applet>不赞成使用。定义嵌入的 applet。

<embed>为外部应用程序(非 HTML)定义容器。

<object>定义嵌入的对象。

<param>定义对象的参数。

属性描述

accesskey规定激活元素的快捷键。

class规定元素的一个或多个类名(引用样式表中的类)。

contenteditable规定元素内容是否可编辑。

contextmenu规定元素的上下文菜单。上下文菜单在用户点击元素时显示。

data-*用于存储页面或应用程序的私有定制数据。

dir规定元素中内容的文本方向。

draggable规定元素是否可拖动。

dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden规定元素仍未或不再相关。

id规定元素的唯一 id。

lang规定元素内容的语言。

spellcheck规定是否对元素进行拼写和语法检查。

style规定元素的行内 CSS 样式。

tabindex规定元素的 tab 键次序。

title规定有关元素的额外信息。

translate规定是否应该翻译元素内容。

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 &quot;小贱贱&quot;韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...