📜  HTML5-标签参考(1)

📅  最后修改于: 2023-12-03 14:41:58.479000             🧑  作者: Mango

HTML5-标签参考

HTML5是超文本标记语言(HyperText Markup Language)的第五个版本。它引入了许多新的标签、属性和API,以满足现代Web应用程序的需求。本文将为您介绍HTML5中常用的标签和其用法。

结构标签
<html></html>

<html>标签是HTML文档中的根元素,它包含了整个HTML文档的内容。

<head></head>

<head>标签包含了HTML文档的元数据,如字符编码、页面标题、样式表等。

<body></body>

<body>标签包含了HTML文档中的主要内容,如文本、图片、视频等。

<nav></nav>

<nav>标签定义了HTML文档中的导航链接。

<section></section>

<section>标签定义了HTML文档中的节或区域,如章节、页眉、页脚等。

<article></article>

<article>标签定义了HTML文档中的独立文章或博客文章。

<aside></aside>

<aside>标签定义了HTML文档中的侧边栏。

<header></header>

<header>标签定义了HTML文档中的页眉。

<footer></footer>

<footer>标签定义了HTML文档中的页脚。

多媒体标签
<img>

<img>标签用于向HTML文档中添加图像。

<img src="image.jpg" alt="图片描述">
<audio>

<audio>标签用于向HTML文档中添加音频。

<audio src="audio.mp3" controls></audio>
<video>

<video>标签用于向HTML文档中添加视频。

<video src="video.mp4" controls></video>
<source>

<source>标签用于通过多个源来定义音频或视频。

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
</audio>
表单标签
<form></form>

<form>标签用于创建HTML表单。

<form action="/submit" method="post">
  <input type="text" name="username" required>
  <input type="password" name="password" required>
  <button type="submit">提交</button>
</form>
<input>

<input>标签用于创建HTML表单元素,如文本输入、密码输入、单选框等。

<input type="text" name="username" required>
<input type="password" name="password" required>
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
<select></select>

<select>标签用于创建HTML下拉列表。

<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>
<textarea></textarea>

<textarea>标签用于创建多行文本输入框。

<textarea name="message"></textarea>
<button></button>

<button>标签用于创建HTML按钮。

<button type="submit">提交</button>
语义化标签
<header></header>

<header>标签用于定义HTML文档的页眉。

<nav></nav>

<nav>标签用于定义HTML文档中的导航链接。

<main></main>

<main>标签用于定义HTML文档中的主要内容。

<article></article>

<article>标签用于定义HTML文档中的独立文章或博客文章。

<section></section>

<section>标签用于定义HTML文档中的节或区域。

<aside></aside>

<aside>标签用于定义HTML文档中的侧边栏。

<footer></footer>

<footer>标签用于定义HTML文档的页脚。

总结

本文介绍了HTML5中常用的标签和其用法,包括结构标签、多媒体标签、表单标签和语义化标签。HTML5的新标签和属性使得开发现代Web应用程序更加方便快捷。