HTML常用标签
根元素
-
<html>表示一个HTML文档的根（顶级元素）
文档元数据（Metadata）
含有页面相关信息，包括样式、脚本及数据。
-
<base>指定用于一个文档中包含的所有相对 URL 的根 URL -
<head>规定文档相关的配置信息 -
<link>规定了外部资源与当前文档的关系，例如样式表、站点图标 -
<meta>其他元数据信息，例如文档编码 -
<style>文档的内部样式信息 -
<title>文档的标题
分区根元素
-
<body>表示文档的内容
内容分区
-
<article>表示文档中独立内容项目，例如新闻、文章、博客等 -
<aside>表示和其余页面内容无关的独立部分 -
<address>表示联系信息 -
<header>介绍性质的内容 -
<footer>一个章节或文档整体内容的页脚信息 -
<h1>~<h6>六个不同级别的标题 -
<main>文档主体或中心主题内容 -
<nav>导航栏，一个含有多个超链接的区域 -
<section>文档内容中一个区域、专题组等
文本内容
-
<blockquote>引用文字内容 -
<div>通用型流内容容器 -
<hr>分割线，段落级元素之间的分隔 -
<p>用于文本段落 -
<ul>无序列表 -
<ol>有序列表 -
<li>表示列表条目 -
<dl><dt><dd>定义列表、定义列表中的术语声明、定义列表中术语的解释描述
内联文本语义
-
<a>锚元素，通向任何URL的超链接 -
<abbr>表示缩写 -
<b>粗体元素 -
<br>在文本中生成一处换行 -
<code>呈现计算机代码 -
<i>斜体元素 -
<kbd>表示键盘输入 -
<s>删除线元素 -
<span>通用行内容器 -
<strong>表示文本十分重要，以粗体显示 -
<time>表示时间、日期 -
<u>使文本呈现下划线
图片与多媒体
-
<audio>音频内容 -
<img>文档中插入图片使用 -
<video>文档中嵌入媒体播放器以支持视频播放
内嵌内容
-
<iframe>内联框架元素，将另一页面嵌入当前页面 -
<source>指定多个媒体资源，以不同格式提供相同的媒体内容
脚本
-
<canvas>画布元素，通过脚本绘制图形 -
<noscript>页面不支持脚本时提供替代内容 -
<script>嵌入或引用可执行脚本
编辑标识
-
<del>表示从文档中删除的文字内容 -
<ins>表示插入文档的文本
表格内容
-
<table>定义一个表格 -
<caption>常为table的第一个子元素，表示表格标题 -
<col>表格中的列 -
<thead>定义表格的列头的行 -
<tbody>定义表格内容主体 -
<tfoot>定义表格中各列的汇总行 -
<th>定义表格内的表头单元格 -
<tr>表格中的行 -
<td>表格内容数据单元格
表单
-
<button>可点击的按钮 -
<form>表示用于交互信息，向服务器提交信息的一个区域 -
<input>创建各种类型的可输入的交互式控件 -
<lable>表示某个元素的说明 -
<option>表示可选菜单项 -
<select>提供选项菜单的控件 -
<textarea>多行纯文本编辑控件 -
<progress>显示任务完成进度的元素
部分标签详细说明
<a>
a标签跳转时发起HTTP GET请求。
常用属性：
- download 指示浏览器下载该URL
- href 超链接路径，不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议，file: ftp:等。
- 或是链接至
javascript:;伪链接，使其不会跳转页面
- 或是链接至
- target 指定在何处显示链接资源
- _self 在当前页面加载
- _blank 在新窗口打开
- _parent 在父框架处打开
- _top 在顶层打开
- title 鼠标指上后显示的提示文字
<iframe>
与<a>同时使用，a中的target指向iframe的name，使a标签的链接在iframe的窗口打开
<iframe name=xxx src="#"></iframe>
<a target=xxx href=http://qq.com>QQ</a>
<form>
属性：
- action 处理该form信息的程序所在的URL
- method 可选get或post，一般只设定为post使表单数据发送给服务器
<form action="index2.html" method="POST">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
<table>
- <thead><tbody><tfoot>表示表格结构
- <th>定义表头数据，<tr>定义表格行，<td>定义表格单元数据
- <colgroup>中用<col>标签指定每一列表格的样式
<input>
常用类型：
- button 按钮
- checkbox 复选框，使用value属性指定提交值，使用checked指定默认选择值。
- radio 单选框，使用name属性定义一组只能单选的值，使用value属性指定提交值，使用checked指定默认选择值。
- password 输入值被遮盖的单行文本字段
- submit 用于提交表单
- reset 将表单内容重置
- email 用于编辑e-mail的字段
- text 单行文本字段
另外，可用<label>包裹<input>标签使文本和对应输入项关联起来。
<textarea>
- 设置宽高可用css属性width、height，也可用自身cols、rows属性控制（不常用）
- css属性中可用resize:none使宽高固定不可拖动修改
<select>
<select name="select" multiple>
<option value="value1">Value 1</option>
<option value="value2" selected>Value 2</option>
<option value="value3">Value 3</option>
<option value="value4" disabled>Value 4</option>
</select>
- multiple 标记是否可多选
- value 指定提交值
- selected 标记默认被选选项
- disabled 表示不可被选中
