HTML基础学习（新收获）
通过再一次学习HTML的知识，有了更多的收获，发现了更多之前没有注意到的知识点，在学习HTML5中通过使用标签将代码封装起来使结构更加清晰
-
HTML Section学习
- <hgroup></hgroup> 封装h标签
- <header></header> 包含任何内容，通常修饰文档或文章的标题
- <footer> 标签通常包含文档的摘要信息部分或者作者，版权信息
- <section></section> 适用于对文档进行分块，将文档划分为章节，或者对文章分内容块（包含h1~h6中的标题元素，一般不用包含header和footer标签）
- <article></article> 特殊的section标签，将文档或文章中的内容划分为相对独立的模块（一般包含header标签和footer标签）
- <nav></nav> 代表一个部分包含链接
- <detail></detail> 描述某个文档或者部分模块的细节,配合使用<summary> 标签可为details 定义标题，点击标题则显示detail内容
- <aside></aside> 设置将与文本相关的显示在内容外
- <figure> 表示网页上一块独立的内容，其中可用figuretion修饰标题，且只能包含一个
-
TEXT 相关标签
- <blockquote></blockquote> 缩进
- <pre></pre> 按照pre中显示内容，保留空格及换行
- <abbr></abbr> 包含一段文本的缩写,使用title属性扩展缩写的文本
- <bdi></bdi> 把包含的内容从周围的文档中隔离出来
- <bdo></bdo> 覆盖当前文本的方向 以相反的方向展示文本
- ````<cite></cite>引用的标题，像书、文章或电影，并以斜体的形式展现 -<code></code>定义计算机代码 - <del></del> 将其包含的内容标记为删除，使用cite属性指向另一个文档解释删除原因，datetime属性显示删除时间 - <dfn></dfn> 定义一个词或者短语，并解释意义 -<em></em>强调 - <kdd></kdd> 文本从键盘键入，经常用在与计算机相关的文档或手册中 - <mark> 表示包含的文本被高亮标记 -<q>``` 内容从其他来源，cite属性表明内容来源
- <ruby> </ruby>包含ruby注释其中rt 标记ruby标签里面内容的注释、rp 定义不支持ruby元素的浏览器所显示的内容
- <s></s> 标记不再使用或者不再正确的内容
- <sample></sample> 定义样本文本
- 定义上标 / 定义下标
- <time></time> 定义时间
-
列表
- 普通列表
<dl>
<dt>
<dd></dd>
</dt>
</dl>
- 无序列表
<ul>
<li></li>
</ul>
- 有序列表
<ol>
<li></li>
</ol>
-
表格
<table>
<theader>定义表格的页头
<tr>
<th></th>
</tr>
</theader>
<tbody>定义表格的主体
<tr>
<td></td>
</tr>
</tbody>
<tfoot>定义表格的页脚
<td></td>
</tfoot>
</table>
- td标签中通过header属性的设置可将单元格与标题关联起来
- <colgroup> 将列进行组合，在<head></head> 中设置样式
- <caption> 设置表格的标题
-
表单
<form method="" action="URL" accept-charset=“ ” autocoplete=“ ” targe = " ">
name:<input name="name" type =" "/>
<button>submit</button>
</form>
- method：设置如何发送表单数据，分为两种方式"post"(分段传输，安全)和"get"(一次性传输，不安全),默认为"get"方法
- accept-charset ：设置服务器用哪种字符集处理表单数据。常用的字符集为：(UTF-8:Unicode字符编码)、 (ISO-8859-1:拉丁字母表的字符编码)、（gb2312:简体中文字符集)
- autocomplete ：设置是否开启表单自动填写补全功能，默认为"on"
- target ： 设置在何处打开action属性的URL。
_blank 在新的窗口中打开
_self 默认。在相同的框架中打开
_parent 在父框架集中打开
_top 在整个窗口中打开
framename 在指定的框架中打开 - <label> 给表单或者其他元素添加文本属性
- <FieldSet> 将表单中的相关内容分组,添加disabled属性 设置禁用一组表单，使其不可点击
- <legend> 给表单中的每个组添加描述信息
- input属性
- placeholder： 文字占位符
- value： 输入框中显示的文字
- size： 表示输入框可以展示字符的长度
- maxlength： 表示输入框最大长度
- disabled、readonly ：表示不可编辑的文本输入框
- autofocus : 自动将光标聚焦在已设置的输入框中
- password :密码输入框
- button ：按钮类型
- number：数字输入框，min、max最小值、最大值
- range ：范围输入框 ，min、max最大值和最小值
- checkbox （radio）：选项输入框
- email ：邮箱输入框
- tel ：电话输入框
- date ：日期输入框
- time ：时间输入框
- color ：颜色输入框
- search ：搜索输入框
- hidden : 隐藏输入框,隐藏需要上传的数据
- <datalist> 文本框创建展示列表
<code>
<form>
names: <input list="list" />
</form>
<datalist id="list">
<option value="A" />
<option value="B"></option>
<option value="C"/>
</datalist>
</code> - 选择输入框
<code><select id="char"name="char">
<option value="A" >A</option>
<option value="B" >B</option>
<option value="C" selected >C</option>
<option value="D" >D</option>
</select></code>
<optgroup></optgroup>：把选项相关的组合在一起 - <textarea></textarea>：创建可以输入多行文本的文本框
网友评论