![]() |
欢迎来到墨鱼博客! |
![]() |
【必备】常用HTML标签及其用途 - 网页元素大全
HTML标签是用于定义网页内容的基本元素。不同的标签可以用于不同的目的,例如定义标题、段落、超链接等。下面是一些常用的HTML标签及其用途:
<title> 标题标签,用于定义网页标题。
<meta> 元数据标签,用于定义网页的描述、关键词等信息。
<h1> - <h6> 标题标签,用于定义文本的标题级别。
<p> 段落标签,用于定义文本段落。
<a> 锚点标签,用于定义超链接。
<img> 图像标签,用于定义网页中的图片。
<strong> 加粗标签,用于强调文本内容。
<em> 斜体标签,用于强调文本内容。
<ul> 无序列表标签,用于定义无序列表。
<ol> 有序列表标签,用于定义有序列表。
<li> 列表项标签,用于定义列表项。
<table> 表格标签,用于定义网页中的表格。
<tr> 行标签,用于定义表格中的行。
<td> 单元格标签,用于定义表格中的单元格。
<head> 头部标签,用于定义网页头部信息。
<body> 正文标签,用于定义网页正文内容。
<div> 分区标签,用于分隔网页内容。
<span> 行内元素标签,用于定义文本行内样式。
<form> 表单标签,用于定义用户输入表单。
<input> 输入框标签,用于定义表单中的输入字段。
<textarea> 文本框标签,用于定义表单中的多行文本输入字段。
<button> 按钮标签,用于定义表单中的按钮。
<label> 标签标签,用于定义表单元素的标签。
<select> 下拉列表标签,用于定义表单中的下拉列表。
<option> 选项标签,用于定义下拉列表中的选项。
<br> 换行符标签,用于在文本中插入换行符。
<hr> 水平线标签,用于在文本中插入水平线。
<style> 样式标签,用于定义网页的样式。
<script> 脚本标签,用于定义网页中的JavaScript脚本。
<noscript> 非脚本标签,用于定义在浏览器不支持JavaScript时显示的内容。
<iframe> 嵌入框架标签,用于在页面中嵌入其他网页或文档。
<audio> 音频标签,用于定义网页中的音频文件。
<video> 视频标签,用于定义网页中的视频文件。
<source> 媒体资源标签,用于定义音频或视频文件的来源。
<embed> 嵌入式内容标签,用于在页面中嵌入Flash、Java、PDF等格式的文件。
<object> 对象标签,用于在页面中嵌入Java applets等对象。
<abbr> 缩写标签,用于定义缩写。
<acronym> 首字母缩略词标签,用于定义首字母缩略词。
<cite> 引用标签,用于定义引用内容。
<code> 代码标签,用于定义源代码。
<pre> 预格式化标签,用于定义预先格式化的文本。
<dfn> 定义标签,用于定义术语或概念。
<del> 删除线标签,用于显示被删除的文本内容。
<ins> 插入线标签,用于显示插入的新内容。
<kbd> 键盘标签,用于定义键盘输入。
<samp> 样例标签,用于定义程序样例输出等。
<sub> 下标标签,用于定义下标文本。
<sup> 上标标签,用于定义上标文本。
<small> 小号字体标签,用于定义小号字体文本。
<big> 大号字体标签,用于定义大号字体文本。
<strike> 中划线标签,用于显示中间有一条线的文本内容。
<u> 下划线标签,用于显示带有下划线的文本内容。
<address> 地址标签,用于定义文档或文章的联系信息。
<article> 文章标签,用于定义独立的文章内容。
<aside> 边栏标签,用于定义与主要内容相关的侧边栏内容。
<footer> 底部标签,用于定义网页底部内容。
<header> 头部标签,用于定义网页头部内容。
<nav> 导航标签,用于定义网页导航菜单。
<section> 区块标签,用于定义网页中的区块内容。
<time> 时间标签,用于定义日期和时间信息。
<figure> 图像组标签,用于定义一组相关的图像和说明。
<figcaption> 图像组说明标签,用于定义图像组的说明信息。
<mark> 标记标签,用于定义需要突出显示的文本内容。
<progress> 进度条标签,用于定义表示任务进度的进度条。
<meter> 测量标签,用于定义度量某个值的仪表盘。
<details> 细节标签,用于定义页面中的细节内容。
<summary> 摘要标签,用于定义 details 元素的摘要或标题。
<dialog> 对话框标签,用于定义一个对话框窗口。
<main> 主要内容标签,用于定义网页的主要内容区域。
<template> 模板标签,用于定义模板内容以供复制使用。
<wbr> 单词断字标签,用于指定单词分隔时可以插入换行符。
<bdi> 与文本方向无关的文本标签,用于处理混合文本和多种语言环境的情况。
<ruby> 注音标签,用于定义带注音字符的文本。
<rp> 注音括号标签,用于当注音文字不被支持时显示替代内容。
<rt> 注音文字标签,用于定义注音文字。
<datalist> 数据列表标签,用于定义一个选项列表供用户选择。
<output> 输出标签,用于定义计算结果等输出内容。
<canvas> 画布标签,用于在网页上绘制图形和动画。
<svg> 可缩放矢量图标签,用于创建矢量图形。
<path> 路径标签,用于在 SVG 中定义路径。
<circle> 圆形标签,用于在 SVG 中定义圆形。
<rect> 矩形标签,用于在 SVG 中定义矩形。
<line> 直线标签,用于在 SVG 中定义直线。
<polyline> 折线标签,用于在 SVG 中定义折线。
<polygon> 多边形标签,用于在 SVG 中定义多边形。
<map> 图像热点标签,用于定义图像上的热区。
<area> 热区标签,用于定义图像热区的具体形状和位置。
<param> 参数标签,用于指定插入对象时的参数设置。
<embed> 嵌入式标签,用于在网页中嵌入多媒体文件或其他插件。
<object> 对象标签,用于在网页中插入对象。
<applet> Java小程序标签,用于在网页中插入Java小程序。
<iframe> 内嵌框架标签,用于在网页中嵌入其他网页或文档。
<frameset> 框架集标签,用于定义一个包含多个框架的窗口布局。
<frame> 框架标签,用于定义窗口布局中的单个框架。
<noframes> 非框架标签,用于在浏览器不支持框架时显示替代内容。
以上是一些常见的HTML标签及其用途。当编写网页时,需要根据实际需要选择相应的标签,来达到所需的展示效果。除了上述标签之外,还有许多其他的HTML标签,可以根据需要进行查阅和使用。
扫描用手机阅读此文
支持Android/iPhone