HTML(HyperText Markup Language)中的元素(elements)定义了网页的结构和内容。以下是一些常见的HTML元素及其各自的作用:
文档结构元素:
<html>
:根元素,包裹所有其他HTML元素。<head>
:包含文档的元数据,如标题、字符集声明、样式表链接、脚本等。<title>
:定义文档的标题,显示在浏览器标签页上。<body>
:包含文档的所有可见内容,如文本、图片、视频、游戏、可播放的音频等。
文本内容元素:
<h1>
-<h6>
:标题元素,<h1>
表示最高的标题级别,<h6>
表示最低的。<p>
:段落元素,用于定义文本段落。<br>
:换行元素,强制文本换行。<hr>
:水平线元素,用于创建主题分隔。<em>
:强调元素,通常呈现为斜体。<strong>
:加粗元素,通常呈现为粗体。<small>
:小号字体元素,用于呈现小号字体文本。<mark>
:标记元素,用于突出显示文本。<del>
:删除线元素,表示文本已被删除。<ins>
:下划线元素,表示文本已被插入。<sub>
:下标元素。<sup>
:上标元素。
链接和导航元素:
<a>
:锚元素,用于创建超链接。<nav>
:导航元素,用于包含页面主导航链接。<ul>
:无序列表元素。<ol>
:有序列表元素。<li>
:列表项元素,用于<ul>
或<ol>
中。
图片和媒体元素:
<img>
:图像元素,用于嵌入图像。<video>
:视频元素,用于嵌入视频内容。<audio>
:音频元素,用于嵌入音频内容。<source>
:源元素,为<video>
或<audio>
提供多种媒体源。<iframe>
:内联框架元素,用于嵌入另一个HTML页面。
表格元素:
<table>
:表格元素,用于创建表格。<tr>
:表格行元素。<th>
:表格头元素,用于表头单元格。<td>
:表格数据元素,用于表格单元格。
表单和输入元素:
<form>
:表单元素,用于收集用户输入。<input>
:输入元素,根据type
属性的不同,可以是文本框、密码框、单选框、复选框等。<label>
:标签元素,定义输入字段的描述标签。<button>
:按钮元素。<select>
:选择元素,用于创建下拉列表。<option>
:选项元素,用于<select>
、<optgroup>
或<datalist>
中定义选项。<textarea>
:多行文本输入元素。
分组和划分元素:
<div>
:分区元素,用于划分页面上的区域或节。<span>
:跨度元素,用于对文档中的行内元素进行分组。<header>
:头部元素,用于包含介绍性内容或导航链接。<footer>
:页脚元素,用于包含页面的页脚信息。<section>
:节元素,用于定义文档中的一个独立部分。<article>
:文章元素,用于包含独立的内容。<aside>
:旁白元素,用于包含与页面内容关联度较低的内容。
元数据元素:
<meta>
:元数据元素,用于提供关于HTML文档的元数据。<link>
:链接元素,用于链接外部样式表等资源。
这些只是HTML中可用元素的一部分。每个元素都有其特定的语义和用途,合理使用这些元素可以创建结构良好、易于理解和访问的网页。