HTML标签学习

HTML基础学习（新收获）

通过再一次学习HTML的知识，有了更多的收获，发现了更多之前没有注意到的知识点，在学习HTML5中通过使用标签将代码封装起来使结构更加清晰

• HTML Section学习

-

封装h标签
  -

包含任何内容，通常修饰文档或文章的标题
  -

标签通常包含文档的摘要信息部分或者作者，版权信息
  -

适用于对文档进行分块，将文档划分为章节，或者对文章分内容块（包含h1~h6中的标题元素，一般不用包含header和footer标签）
  -

特殊的section标签，将文档或文章中的内容划分为相对独立的模块（一般包含header标签和footer标签）
  -

代表一个部分包含链接
  - 描述某个文档或者部分模块的细节,配合使用

标签可为details 定义标题，点击标题则显示detail内容
  -

设置将与文本相关的显示在内容外
  -

表示网页上一块独立的内容，其中可用figuretion修饰标题，且只能包含一个

• TEXT 相关标签

-

缩进
  -

按照pre中显示内容，保留空格及换行
  - 包含一段文本的缩写,使用title属性扩展缩写的文本
  - 把包含的内容从周围的文档中隔离出来
  - 覆盖当前文本的方向 以相反的方向展示文本
  - ````引用的标题，像书、文章或电影，并以斜体的形式展现   -定义计算机代码   - 将其包含的内容标记为删除，使用cite属性指向另一个文档解释删除原因，datetime属性显示删除时间   - 定义一个词或者短语，并解释意义   -强调   - 文本从键盘键入，经常用在与计算机相关的文档或手册中   - 表示包含的文本被高亮标记   -``` 内容从其他来源，cite属性表明内容来源
  - 包含ruby注释其中rt 标记ruby标签里面内容的注释、rp 定义不支持ruby元素的浏览器所显示的内容
  - 标记不再使用或者不再正确的内容
  - 定义样本文本
  - 定义上标 / 定义下标
  - 定义时间

• 列表

- 普通列表

- 无序列表

- 有序列表

• 表格

定义表格的页头
        定义表格的主体
        定义表格的页脚
        

• td标签中通过header属性的设置可将单元格与标题关联起来
• 将列进行组合，在 中设置样式
• 设置表格的标题

• 表单

    name:
    submit

• method：设置如何发送表单数据，分为两种方式"post"(分段传输，安全)和"get"(一次性传输，不安全),默认为"get"方法
• accept-charset ：设置服务器用哪种字符集处理表单数据。常用的字符集为：(UTF-8:Unicode字符编码)、 (ISO-8859-1:拉丁字母表的字符编码)、（gb2312:简体中文字符集)
• autocomplete ：设置是否开启表单自动填写补全功能，默认为"on"
• target ： 设置在何处打开action属性的URL。
      _blank 在新的窗口中打开
      _self 默认。在相同的框架中打开
      _parent 在父框架集中打开
      _top 在整个窗口中打开
      framename 在指定的框架中打开
• 给表单或者其他元素添加文本属性
• 将表单中的相关内容分组,添加disabled属性 设置禁用一组表单，使其不可点击
• 给表单中的每个组添加描述信息
• 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 : 隐藏输入框,隐藏需要上传的数据
• 选择输入框
  
A
B
C
D

  ：把选项相关的组合在一起
• ：创建可以输入多行文本的文本框