常用HTML标签

最近,学了一些常用的HTML标签,在这里整理一下。

根元素

标签描述
<html>代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。

文档元数据

标签描述
<head>代表关于文档元数据的一个集合,包括脚本或样式表的链接或内容。
<title>定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。
<base>定义页面上相对 URL 的基准 URL。
<link>用于链接外部的 CSS 到该文档。
<meta>定义其他 HTML 元素无法描述的元数据。
<style>用于内联 CSS。

脚本

标签描述
<script>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。
<noscript>定义当浏览器不支持脚本时显示的替代文字。
<template>这个元素在 HTML5 中加入 通过 JavaScript 在运行时实例化内容的容器。

章节

标签描述
<body>代表 HTML 文档的内容。在文档中只能有一个 元素。
<section>这个元素在 HTML5 中加入 定义文档中的一个章节。
<nav>这个元素在 HTML5 中加入 定义只包含导航链接的章节。
<article>这个元素在 HTML5 中加入 定义可以独立于内容其余部分的完整独立内容块。
<aside>这个元素在 HTML5 中加入 定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>标题元素实现了六层文档标题,<h1> 是最大的标题,<h6> 是最小的标题。标题元素简要地描述章节的主题。
<header>这个元素在 HTML5 中加入 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。
<footer>这个元素在 HTML5 中加入 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
<address>定义包含联系信息的一个章节。
<main>这个元素在 HTML5 中加入 定义文档中主要或重要的内容。

表格

标签描述
<table>定义多维数据 。
<caption>代表表格的标题 。
<colgroup>代表表格中一组单列或多列 。
<col>代表表格中的列 。
<tbody>代表表格中一块具体数据 (表格主体)。
<thead>代表表格中一块列标签 (表头)。
<tfoot>代表表格中一块列摘要 (表尾)。
<tr>代表表格中的行 。
<td>代表表格中的单元格 。
<th>代表表格中的头部单元格 。

表单

标签描述
<form>代表一个表单 ,由控件组成。
<fieldset>代表控件组 。
<legend>代表 <fieldset> 控件组的标题 。
<label>代表表单控件的标题 。
<input>代表允许用户编辑数据的数据区 (文本框、单选框、复选框等)。
<button>代表按钮 。
<select>代表下拉框 。
<datalist>这个元素在 HTML5 中加入 代表提供给其他控件的一组预定义选项 。
<optgroup>代表一个选项分组 。
<option>代表一个 <select> 元素或 <datalist> 元素中的一个选项
<textarea>代表多行文本框 。
<keygen>这个元素在 HTML5 中加入 代表一个密钥对生成器 控件。
<output>这个元素在 HTML5 中加入 代表计算值 。
<progress>这个元素在 HTML5 中加入 代表进度条 。
<meter>这个元素在 HTML5 中加入 代表滑动条 。

参考文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值