html5常用标签大全
本篇文章给大家带来《html5常用标签大全》,石家庄人才网对文章内容进行了深度展开说明,希望对各位有所帮助,记得收藏本站。
HTML5 是构建 Web 内容的一种语言,并在 HTML4 的基础上进行了一些改进,本文为大家整理了常用的 HTML5 标签,希望对大家有所帮助。
HTML5 新特性
HTML5 有一些新的元素和属性,例如
新的语义元素,比如:<article>、<aside>、<details>、<figcaption>、<figure>、<footer>、<header>、<main>、<mark>、<nav>、<section>、<summary>、<time>;
新的表单控件,比如:calendar、date、time、email、url、search;
强大的图形和多媒体支持:<canvas>、<audio>、<video>;
强大的 API:用于绘制图形的 Canvas、用于媒体播放的 API、用于数据存储的 API、用于应用程序缓存的 API。
HTML5 常用标签
1、<!DOCTYPE html> :<!DOCTYPE html> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。此标签告知浏览器文档使用哪种 HTML 或 XHTML 规范。
2、<html> 标签:<html> 标签告知浏览器这是一个 HTML 文档,是 HTML 文档的根元素,其他所有元素必须嵌入在它里面。
3、<head> 标签:<head> 元素包含了文档的元(meta)数据,用来描述有关 HTML 文档的属性,比如作者、日期和时间、网页描述、关键词、页面刷新等,<head> 标签始终位于 <html> 标签之后,<body> 标签之前。
4、<title> 标签:<title> 标签定义了 HTML 文档的标题,它显示在浏览器的标题栏或标签页上,<title> 标签必须位于 <head> 标签内部,对于所有 HTML/XHTML 文档都是必需的。
5、<body> 标签:<body> 标签定义了 HTML 文档的主体,包含了文档的所有内容,比如文本、超链接、图像、表格、列表等等,<body> 标签始终位于 <html> 标签内部,<head> 标签之后。
6、<h1> - <h6> 标签:<h1> - <h6> 标签用于定义 HTML 标题,<h1> 定义最大的标题,<h6> 定义最小的标题。
7、<p> 标签:<p> 标签定义了 HTML 段落,一个段落中包含一个或多个句子,浏览器会自动地在段落的前后添加空行。
8、<br> 标签:<br> 标签插入单个换行符,是一个空标签,意味着它没有结束标签,<br> 标签在不产生新的段落的情况下进行换行。
9、<hr> 标签:<hr> 标签在 HTML 页面中创建水平线,<hr> 元素可用于分隔内容。
10、<a> 标签strong>:<a> 标签定义了 HTML 超链接,用于从一张页面链接到另一张页面,<a> 元素最重要的属性是 href 属性,它指示链接的目标。
11、<img> 标签:<img> 标签用于在 HTML 页面中嵌入图像,<img> 标签有两个必需的属性:src 属性和 alt 属性,src 属性指定图像的 URL,alt 属性指定图像的替代文本。
12、<ul> 标签:<ul> 标签定义无序列表,无序列表使用粗体圆点(?)进行标记。
13、<ol> 标签:<ol> 标签定义有序列表,有序列表使用数字进行标记。
14、<li> 标签:<li> 标签定义列表项,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
15、<table> 标签:<table> 标签定义 HTML 表格,表格由一行或多行组成,每行被分割成若干单元格,单元格的内容可以是文本、图像等等。
16、<tr> 标签:<tr> 标签定义 HTML 表格中的行,<tr> 元素包含一个或多个 <th> 元素或 <td> 元素。
17、<th> 标签:<th> 标签定义 HTML 表格中的表头单元格,表头单元格的内容通常是粗体并且居中显示。
18、<td> 标签:<td> 标签定义 HTML 表格中的标准单元格,单元格的内容可以是文本、图像等等。
19、<form> 标签:<form> 标签用于创建供用户输入的 HTML 表单,表单能够包含 input 元素,比如文本字段、复选框、单选按钮、提交按钮等等,表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
20、<input> 标签:<input> 标签用于搜集用户信息,根据不同的 type 属性值,输入字段拥有很多种形式,比如文本字段、密码字段、单选按钮、复选框、提交按钮等等。
21、<textarea> 标签:<textarea> 标签定义多行的文本输入控件,当用户需要输入大量文本时,比如评论或反馈表单,可使用 <textarea> 标签。
22、<label> 标签:<label> 标签为 input 元素定义标注,label 元素不会向用户呈现任何特殊效果,不过,它为鼠标用户改进了可用性,如果您在 label 元素内点击文本,则会触发此控件,就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
23、<select> 标签:<select
> 元素创建下拉列表,下拉列表允许用户从预定义的选项列表中选择一个或多个选项。24、<option> 标签:<option> 标签定义下拉列表中的选项,<option> 元素位于 <select> 元素内部。
25、<datalist> 标签:<datalist> 标签定义选项列表,与 input 元素配合使用,来定义 input 可能的值,<datalist> 元素包含一个或多个 <option> 元素,这些元素定义了不同的选项,<datalist> 与 input 元素绑定,通过 input 元素的 list 属性来实现,list 属性的值为 <datalist> 元素的 id 属性值。
26、<fieldset> 标签:<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段,当一
- 上一篇:align center
- 下一篇:返回列表
版权声明:《html5常用标签大全》来自【石家庄人才网】收集整理于网络,不代表本站立场,所有图片文章版权属于原作者,如有侵略,联系删除。
https://www.ymil.cn/quanzi/21482.html