一、Html的格式：
1、网页声明：<!DOCTYPE>声明有助于浏览器中正确显示网页， doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本。
注意：HTML5在第一行必须为<!DOCTYPE html>。
2、防止网页乱码可以设置网页编码格式：<meta charset="utf-8"> 定义网页编码格式为 utf-8。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
二、html元素
1、html空元素在开始标签中进行关闭即没有结束标签。其中空元素就是没有内容的标签，例如换行<br/>;图片<img/>;
2、图片标签中图片的大小和提示通过标签属性来设置。例如：<img src="images/tubiao.png" alt="美景图片" width="100" height="100" />，其中图片路径可以是相对路径或者绝对路径。
其中，<img>中的 usemap 属性可引用 <map>标签 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。通过坐标来确定图形的形状。<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
3、标签对大小写不敏感，建议使用小写。
4、标签属性：对大小写不敏感，建议小写；属性值使用双引号；几乎都有的属性class为元素定义一个或多个类名，多个类名用空格分隔；id定义元素的唯一id；style定义元素的样式。
注意：class属性可以为一个元素规定多个类，用空格分隔类名,意义：通过为元素命名多个类名就可以应用多个样式。例如： class="classname classname"
5、html元素注释标签：<!-- 注释内容 -->.
6、HTML输出显示页面时，所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。(屏幕的大小，以及对窗口的调整都可能导致不同的结果。)
7、链接标签使用锚点实现网页文档的跳转，例如：<a href="#tips">访问有用的提示部分</a> <a id="tips">有用的提示部分</a>。其中target属性是指网页如何打开，默认是在相同的框架中打开被链接文档。
注意：target属性也可以在html框架中显示制定链接，target属性值为框架的名称。
（一）HTML中href和src区别
（1）href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。
（2） src是source的缩写，src的内容是页面必不可少的一部分，是引入。src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。
（3）src用于替换当前元素；href用于在当前文档和引用资源之间建立联系。
8、html的head标签：可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
其中：（1）<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，其他链接可以使用相对链接；
（2）<link> 标签定义文档与外部资源的关系。常用来链接样式表，是一个空元素，只有属性，rel定义当前文档与被链接文档之间的关系。href定义被链接文档的位置。
（3）<style> 标签定义了HTML文档的样式文件引用地址，type属性指定样式表的类型。各样式属性用分号分隔。
（4）meta标签描述了一些基本的元数据。用于指定网页的描述，关键词，文件的最后修改时间，作者，字符集及其他元数据。例如：<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">；
（5）<script>标签用于加载脚本文件，如： JavaScript。<script> 元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。其中，如果使用 "src" 属性，则 <script> 元素必须是空的。async属性用于指定异步执行脚本（仅适用于外部脚本）。
9、HTML表格：<table><th><tr><td>其中rowspan单元格可横跨的行数；colspan单元格可横跨的列数；<caption>标题；<thead>表格的页眉；<tbody>表格的主题；<tfoot>表格的页脚；<colgroup>定义表格列的组，用于统一设置表格中单元格的样式，<col> 标签规定了 <colgroup> 元素内部的每一列的列属性。其中span属性表示所跨列数。例如：<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
10、列表：<ol>有序列表；<ul>无序列表；<li>定义列表项；<dl>自定义列表；<dt>自定义列表项目；<dd>定义自定列表项的描述；
11、块状布局：区分块级元素和内联元素，块级元素在浏览器显示会以新行来开始，内联元素不会以新行显示。其中，<div>用于布局；当与 CSS 一同使用时，<span> 内联元素可用于为部分文本设置样式属性。块状布局通过样式进行设置。大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。
重点：
注意：由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们）。
12、html表单：用于收集用户的输入内容，表单标签是输入标签（<input>），输入类型是由类型属性（type）定义的。其中，文本域为text，密码字段为password，单选按钮为radio，复选框为checkbox，提交按钮为submit；按钮为button，通过value来定义按钮名称。
注意：input标签是一个空标签。
（1）form表单的属性：action规定当提交表单时向何处发送表单数据；method规定用于发送表单数据的 HTTP 方法。
（2）单选或者复选框属性值checked，表示默认被选中。
（3）input标签中required属性规定必需在提交表单之前填写输入字段。
注意：input标签的value属性的用法：
- 对于 "button"、"reset"、"submit" 类型 - 定义按钮上的文本；
- 对于 "text"、"password"、"hidden" 类型 - 定义输入字段的初始（默认）值；
- 对于 "checkbox"、"radio"、"image" 类型 - 定义与 input 元素相关的值，当提交表单时该值会发送到表单的 action URL。
（4）<textarea>标签定义一个多行的文本输入控件，通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。
（5）<select>定义了下拉选项列表, 其中，size属性规定下拉列表中可见选项的数目。
<option> 标签定义了列表中的可用选项。selected 属性规定在页面加载时预先选定该选项。
（6）<button>定义一个点击按钮，可以放置内容，比如文本或图像。
注意：button标签不是空标签，可以放置内容，input标签不可以放置内容，这是二者的区别。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。
注意：HTML标签语法并不严格，遗漏关闭标签浏览器会自动编译通过，不会报错。要养成良好的标签书写习惯，规范书写。
三、Html框架
1、内联框架iframe标签语法：<iframe src="URL"></iframe>，其中，height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%")。frameborder 属性用于定义iframe表示是否显示边框。
注意：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。使用 CSS 为 <iframe> （包括滚动条）定义样式。
2、iframe和frame的区别
（1）frame不能脱离frameSet单独使用，iframe可以；
（2）frame不能放在body中,否则不能正常显示；
（3）嵌套在frameSet中的iframe必需放在body中,不嵌套在frameSet中的iframe可以随意使用；
其中，<frameset>标签是一个框架集，可用于布局，不过这种布局方式已经淘汰，而是使用<div>块元素布局。
四、Html脚本<script> 标签
1、<script> 标签用于定义客户端脚本，<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。意义：JavaScript 最常用于图片操作、表单验证以及内容动态更新。
2、<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
五、html字符实体（实体编号）
1、某些字符在html中无法正常显示，因此需要使用字符实体来表示某些字符。实体名称对大小写敏感！
2、空格在html中的表示： （Non-breaking Space）；
六、html统一资源定位器URL
1、URL 不能包含空格。URL 编码通常使用 + 来替换空格；
2、URL 只能使用 ASCII 字符集.由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
注意：为解决不论是何种平台、程序或语言，都能够进行文本数据的处理、存储和交换。Unicode 联盟推出字符集UTF-8来解决兼容问题。可以使用<meta>标签来指定html的字符集。
七、http请求方法：get和post的区别（重点）
先了解一下原理：Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。
注意：在实际应用中，对资源的增，删，改，查操作，其实都可以通过GET/POST完成，不需要用到PUT和DELETE。同时，很多人贪方便，更新资源时用了GET，因为用POST必须要到FORM（表单），这样会麻烦一点。
1、post比get相对安全，应为get方法的请求参数会附在URL之后，以?分割URL和传输数据，参数之间以&相连。而post方法的请求参数附加到 HTTP 请求的 body 内。
2、URL不存在参数上限的问题，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。注意这是限制是整个URL长度，而不仅仅是你的参数值数据长度。而POST数据是没有限制的，起限制作用的是服务器的处理程序的处理能力。
3、POST请求可能会导致新的资源的建立和/或已有资源的修改。而get方法只是对指定资源的查询，不涉及修改。
八、html媒体
插件的功能是扩展 HTML 浏览器的功能。插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。
1、<object> 元素定义了在 HTML 文档中嵌入的对象。(例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) 。其中data属性规定对象使用的资源的 URL。
2、<embed> 元素表示一个 HTML Embed 对象（嵌入对象）。其中，src属性规定被嵌入内容的 URL。注意 <embed> 元素没有关闭标签。不能使用替代文本。
注意：<embed> 标签在 HTML 4 中是无效的。
3、 <object> 标签 或者 <embed> 标签可以定义外部（非 HTML）内容的容器。
注意：如果浏览器不支持该文件格式，或者支持的格式不同，没有插件的话就无法播放该音频。
3613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
