HTML基础详解（下）

列表ul容器里面装载着结构，样式一致的文字或图表的一种形式，叫列表。,列表最大的特点就是整齐 、整洁、 有序，跟表格类似，但是它可组合自由度会更高。,1. 无序列表 ul
 ,< ul></ ul>中只能嵌套< li></ li>，直接在< ul></ ul>标签中输入其他标签或者文字的做法是不被允许的。
 ,< li>与</ li>之间相当于一个容器，可以容纳所有元素。,2. 有序列表 ol,3. 自定义列表 dl,定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。,,在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。表单目的是为了收集用户信息。
 ,,表单控件：
 ,包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
 ,提示信息：
 ,一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
 ,表单域：
 ,它相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。,1. input 控件,,value属性,value 默认的文本值。有些表单想刚打开页面就默认显示几个文字，就可以通过这个value 来设置。,name属性,checked属性
 ,表示默认选中状态。 较常见于 单选按钮和复选按钮。,input 属性小结,2. label标签,作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。,如何绑定元素呢,3. textarea控件(文本域),,文本框和文本域区别,4. select下拉列表,,3、form表单域,收集的用户信息怎么传递给服务器？,目的：,常用属性：
 ,每个表单都应该有自己表单域。后面学 ajax 后台交互的时候，必须需要form表单域。,GET 和 POST 的区别,团队约定：
 ,元素属性值使用双引号语法
 ,元素属性值可以写上的都写上,从输入url到页面展示发生了什么(面试),浏览器的多进程架构,从用户输入信息到页面展示的不同阶段，是不同的进程在发挥作用，示意图如下：
 ,
 ,从图中可以看出，整个过程是需要各个进程之间相互配合完成的，过程大致可以描述为：,具体过程,1.输入url
 ,用户输入url，处理输入信息：,2.1 查找浏览器缓存,2.2 DNS解析,2.2 建立TCP连接，三次握手,3. 服务器响应,网络进程解析响应行和响应头信息的过程：
 ,3.1 重定向,3.2 响应数据处理,4.准备渲染进程,默认情况，每个页面一个渲染进程。但若处于同一站点（同根域名+协议），那么渲染进程就会复用。,5.提交文档,注：当浏览器刚开始加载一个地址之后，标签页上的图标便进入了加载状态。但此时图中页面显示的依然是之前打开的页面内容，并没立即替换为百度首页的页面。因为需要等待提交文档阶段，页面内容才会被替换。,iframe有哪些缺点？,iframe的优点,iframe的缺点,label的作用是什么？是怎么用的？,例子1: 点击” 用户名:” 就可以定位光标到输入框,例子2: 点击” 用户名:” 或按键alt+1, 都可以定位光标到输入框,,for 属性功能：表示Label 标签要绑定的HTML 元素，你点击这个标签的时候，所绑定的元素将获取焦点。,acesskey 属性
 ,功能：表示访问Label 标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦点。
 ,局限性：accessKey 属性所设置的快捷键不能与浏览器的快捷键冲突，否则将优先激活浏览器的快捷键。,HTML5的form如何关闭自动完成功能？,HTML的输入框可以拥有自动完成的功能，当你往输入框输入内容的时候，浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面，这样就不用全部输入进去了，直接选择列表中的项目就可以了。
 ,但有时候我们希望关闭输入框的自动完成功能，例如当用户输入内容的时候，我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。,关闭输入框的自动完成功能有3种方法：,1.在IE的Internet选项菜单里的内容–自动完成里面设置,2.设置form的autocomplete为”on”或者”off”来开启或者关闭自动完成功能,3.设置输入框的autocomplete为”on”或者”off”来开启或者关闭该输入框的自动完成功能,将 HTML5 看作成开放的网络平台,什么是 HTML5 的基本构件（building block）?,浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？,在浏览器的html头部加上 manifest 属性，如果是第一次访问浏览器会根据manifest的内容进行下载存储离线内容，如果已经访问过则从离线存储中进行加载，然后在比对服务器如果有新内容在更新离线存储
 ,离线的情况下，浏览器就直接使用离线存储的资源。,浏览器的渲染过程？,link和@import的区别？,src与href的区别？,1.href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。,2.src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。,本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容！,包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。