HTML5是用于构建和呈现网页的标准标记语言,它引入了许多新的元素,这些元素提供了更多的功能和灵活性,使得开发者能够创建更加丰富和交互式的网页,以下是一些常见的HTML5元素及其用法:
1、<!DOCTYPE html>
:定义文档类型,告诉浏览器使用HTML5标准解析文档。
2、<html>
:根元素,包含了整个HTML文档的内容。
3、<head>
:包含了文档的元数据,如字符集、标题、样式表和脚本等。
4、<title>
:定义了文档的标题,显示在浏览器的标题栏或标签页上。
5、<meta>
:提供了关于文档的元信息,如字符集、视口宽度、关键字等。
6、<link>
:用于链接外部样式表。
7、<style>
:用于嵌入内联样式。
8、<script>
:用于嵌入JavaScript代码。
9、<body>
:包含了可见的页面内容,如文本、图像、链接等。
10、<h1>
到<h6>
:定义了不同级别的标题,<h1>
最高级别,<h6>
最低级别。
11、<p>
:定义了段落。
12、<a>
:定义了超链接,可以链接到其他页面、电子邮件地址、文件等。
13、<img>
:用于插入图像。
14、<div>
:定义了一个块级容器,用于组织和布局页面内容。
15、<span>
:定义了一个行内容器,用于对文本进行样式化或应用JavaScript。
16、<ul>
和<ol>
:定义了无序列表和有序列表。
17、<li>
:定义了列表项。
18、<table>
:定义了一个表格。
19、<tr>
:定义了表格行。
20、<td>
和<th>
:定义了表格单元格。
21、<form>
:定义了一个表单,用于收集用户输入的数据。
22、<input>
:定义了不同类型的输入控件,如文本框、密码框、单选按钮、复选框等。
23、<button>
:定义了一个按钮控件。
24、<select>
和<option>
:定义了一个下拉列表和一个选项。
25、<textarea>
:定义了一个多行文本输入框。
26、<fieldset>
和<legend>
:用于分组表单控件。
27、<label>
:为表单控件提供描述性文本。
28、<audio>
和<video>
:用于嵌入音频和视频内容。
29、<canvas>
:提供了一个画布,用于绘制图形和动画。
30、<figure>
和<figcaption>
:用于表示独立的媒体内容(如图像、视频、音频)及其标题或说明。
31、<footer>
:定义了页面或节的底部区域,通常包含版权信息、联系方式等。
32、<nav>
:用于导航链接的区域。
33、<header>
:定义了页面或节的头部区域,通常包含标题、导航链接等。
34、<main>
:定义了文档的主要内容区域。
35、<article>
、<section>
和<aside>
:用于组织和布局页面内容,分别表示独立的内容、节内的区段和与主要内容相关但独立的区段。