HTML5常用标签
一.HTML文档标签
-
<!DOCTYPE>: 定义文档类型. -
<html>: 网页中最大的容器.
用于包裹head、body... -
<head>: 定义文档的头部.用于存放一些声明信息.(头部内包含)
(1). <meta>: 定义元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词.
(2). <base>:定义页面上的所有链接规定默认地址或默认目标.
(3). <title>: 定义文档的标题.
(4). <link>: 定义文档与外部资源的关系.
(5). <style>:定义 HTML 文档样式信息.
-
<body>: 定义文档的主体.
网页中用于存放内容的区域，这个区域所书写的标签是在浏览器中可以直观的看到。 -
< !---- >html注释
用于标注HTML中的备注内容，也就是相当于我们给网页某块的代码加了记号，这个记号浏览器会读取到，但浏览器不会用作页面中的展示。
二.布局标签&语义化
-
<div>:定义块级元素. -
<span>:定义行业元素. -
<header>:定义区段或页面的页眉.(头部) -
<main>:定义主体内容 -
<footer>:定义区段或页面的页脚.(足部) -
<section>:定义文档中的区段. -
<article>:定义文章. -
<nav>:定义导航. -
<hgroup>:定义标题组 -
<figure>定义图像、视频区域等
<figcaption>定义 figure的标题
三.表格标签
-
<table>:定义表格. -
<thead>:定义页眉. -
<tbody>:定义主体. -
<tfoot>:定义页脚. -
<caption>:定义标题. -
<th>:定义表头.
7.<tr>:定义一行.
-
<td>:定义单元格.
<table>
<thead>
<tr>
<th>First name</th>
<th>Last name</th>
</tr>
<thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>Jane</td>
<td>Doe</td>
</tr>
<tbody>
</table>
四.表单标签
-
<form>:定义表单.(表单包含在form标签中)
2.<input>:定义输入域.
type属性的常见值
| text | 文本框 |
| password | 密码 |
| radio | 单选按钮 |
| checkbox | 多选按钮 |
| file | 上传框 |
| reset | 重置按钮 |
| button | 普通按钮 |
| submit | 提交按钮 |
3.<textarea>:定义文本域.(多行)
4.<label>:定义一个控制的标签.(input 元素的标注)
5.<select>:定义一个下拉列表.
<option> 需要和 select 标签配合使用
<select name="select">
<option value="value1">Value 1</option>
<option value="value2" selected>Value 2</option>
<option value="value3">Value 3</option>
</select>
-
<button>:定义按钮.(定义围绕表单中元素的边框)
五.列表标签
1.<ul>:定义无序列表.
2.<ol>:定义有序列表.
3.<li>:定义列表项.
4.<dl>:定义自定义列表.
5.<dt>:定义自定义列表项.
6.<dd>:定义自定义的描述.
六.图像链接多媒体
1.<img>:定义图像.
<img src="mdn-logo-sm.png" alt="MDN">
属性：
src 地址或路径
alt 图片描述
作用1：用于图片加载失败，或图片路径错误的提示
作用2：用于搜索引擎抓取图片的关键词
作用3：用于无障碍阅读的提示文字
2.<a>:定义超链接.
<a href="#" target="_blank" title="提示文字"></a>
属性：
href 地址或路径
target 目标窗口
title 鼠标移上去的提示（该属性可添加给任何标签）
3.<map>:定义图像映射.
4.<area>:定义图像地图内部的区域.
5.<audio>:定义声音内容.
6.<video>:定义视频.
七.框架标签
1.<iframe>:内联框架.
八.格式标签
1.文章标签
-
<h1>-<h6>:定义 HTML 标题.
2.<p>:定义段落.
3.<br>:定义换行.
4.<hr>:定义水平线.
-
<del>:定义被删除文本. -
<time>:定义日期/时间.
2.短语元素标签
1.<em>:定义强调文本.
2.<strong>:定义语气更为强烈的强调文本.
3.<code>:定义计算机代码文本.
4.<kbd>:定义键盘文本.
5.<var>:定义文本的变量部分.
6.<sup>:定义上标文本.
7.<sub>:定义下标文本.
-
<cite>:定义引用. -
<blockguote>:定义长的引用. -
<q>:定义短的引用.
3.字体样式标签
1.<i>:显示斜体文本效果.
2.<b>:呈现粗体文本效果.
3.<big>:呈现大号字体效果.
4.<small>:呈现小号字体效果.
5.<mark>:定义有记号的文本.
