HTML5标签属性大全
HTML5 引入了许多新的语义和功能性标签,同时废弃了一些旧的标签。以下是一些常用的 HTML5 标签及其属性的简单概述:
<!DOCTYPE html>
:声明文档类型。<html>
:HTML文档的根元素。<head>
:包含文档的元数据,如<title>
、<meta>
、<style>
、<script>
等。<title>
:定义文档的标题。<body>
:包含文档的主要内容。<header>
:定义文档的头部区域。<nav>
:定义导航链接。<section>
:定义文档中的一个区段或主题。<article>
:定义独立的、完整的相关内容。<aside>
:定义与页面主内容少关的内容。<footer>
:定义文档的底部区域。<h1>
to<h6>
:定义标题1到6级别的标题。<p>
:定义段落。<div>
:定义文档中的一个区块,没有特殊语义。<span>
:定义文档中的一个区域,没有特殊语义,通常用于行内样式。<img>
:定义图像。属性有src
、alt
、title
、width
、height
等。<a>
:定义超链接。属性有href
、target
(\_blank, \_self, \_parent, \_top)等。<audio>
:定义音频内容。属性有src
、controls
、autoplay
、loop
等。<video>
:定义视频内容。属性有src
、width
、height
、controls
、autoplay
、loop
等。<form>
:定义表单。属性有action
、method
(get, post)等。<input>
:定义表单输入元素。类型可以是text
、radio
、checkbox
、submit
、reset
等。<button>
:定义按钮。<select>
:定义选择列表(下拉列表)。<option>
:定义选择列表中的一个选项。<textarea>
:定义多行文本输入控件。<canvas>
:定义图形,通常使用JavaScript进行绘图。<datalist>
:定义选项列表,与<input>
配合使用。<details>
:定义元素的细节,可与<summary>
标签配合使用。<dialog>
:定义对话框或窗口。<figure>
:定义媒体内容及其标题。<figcaption>
:定义<figure>
的标题。<menuitem>
:定义用户可以从菜单中选择的项。<script>
:定义客户端脚本。属性有src
、type
(通常是text/javascript
)等。<style>
:定义文档的样式信息。属性有type
(通常是text/css
)等。<link>
:定义文档与外部资源的关系。属性有rel
(指定关系)、href
(指定资源位置)等。
以上是一些常用的HTML5标签和属性,具体使用时需要根据需求和场景来选择合适的标签和编写相应的属性。
评论已关闭