一、HTML布局.md

一、HTML布局

1.HTML LIst

---

<ul>
    <li>item</li>
     <li>item</li>
 <ul>

2.HTML Table

---

Table 可用来表示二维数据结构,可以在css中对table的属性进行更加详细的控制。

标题：

行： table row

首行： table head

单元格： table data

对多行进行分组:

对多列进行分组：

<table>
    

3.HTML 的div 和span

---

容器元素：

块级容器block container 默认独占一行

行内容器inline container 可以和其它行内元素挤在同一行上，对文本中的某一小段添加样式可以使用span。

可以作为容器使用，但不建议使用其作为容器，应该作为多行多列数据存放的元素。

二、HTML表单Form

1.几种表单控件

2.属性

action：提交给server的路径

method:表单提交的时候使用的http的提交方法（get post head）

enctype:表单数据提交给server的时候采用的编码方式（）

三、文档对象模型DOM

---

1.节点类型

上图中有四种节点类型：根节点document类型，元素类型（a）、纯文本的text类型、a元素属性attr节点类型。

2.几个基本概念

父节点parent(document是root的父节点)、子节点child（root是document的子节点）、祖先节点ancestor（document是所有节点的祖先节点）、后代节点descendant（head是document的后代节点）。兄弟节点sibling(同一个父节点的元素)、紧邻兄弟节点adjacent sibling（相邻的同一个父节点的元素）.

四、HTML5的各种语义化分段元素

---

• 所偶内容元素包含在这里
• 表示文档中的一个段落，或者一个主体的区域
• 完整文章区域.
• 用来定义一个主体区域，比如放置的广告。
• 包含一个导航菜单元素。
• 每一个分段元素都可以拥有自己独立的

1.html最佳实践

• 根据应用场景和需求，建立合适的标记结构，选择合适的标记元素。
• 不要忘记文档类型申明
• 不要忘记字符编码声明,
• 不要使用h5不再支持的Tag，如
• 不要使用h5中不再支持的Tag属性。

2.重点学习内容

• 表单控件
• h5新增的嵌入音频和视频的标记
• 在一个文档中嵌入另外一个文档的iframe
• canvs标记