html知识点

采用DIV+CSS好处：
1、div css有利于搜索引擎爬虫：一般而言相同网页页面html文件table布局字节大于div+css布局的字节，所以可以节约搜索引擎爬虫爬行下载页面内容时间。

2、重构页面修改方便（div css改版方便）：一般DIV+CSS页面都是html和css文件分开的也就是说一个网页的内容与表现形式的分离，一般修改小小部分的css文件里css样式属性就可以修改真站的样式版面，如背景颜色、字体颜色、网站宽度等具有table不具备的方便性。

3、div+css页面增加网页打开速度：这里是特性决定了他们的性能，因为div css页面是div的html和css文件分开的，而浏览器打开该网页的时候是同时下载html和css，所以可以提高网页打开速度，而table还有个特性就是浏览器打开的时候必须是浏览器下载以<table>开始,并</table>结束后才显示该块的内容，而div的html是边加载边将内容呈现到浏览器上，div css网站大大增强用户体验作用。大家都知道网页多等1秒钟都会降低浏览者等待时间。解析谷歌将网页加载速度快慢作为影响排名重要因素.

采用div+css缺陷或div css缺点：
1、开发技术高：要求开发div css的技术较高，兼容各浏览器及版本浏览器要求较高。

2、开发时间长：div css布局相对table布局开发制作时间长。

3、开发成本相对table高点：因为技术性及时间性就决定了div css页面比table页面成本高。

 

div标签和层有什么区别
在dreamweaver里插入菜单中,为什么有div标签选项又有层选项啊?
div是区域标志，是指定一个网页范围！
而层却是另一个概念，就像多张透明纸一样，一层纸就相当于一个层，这也是photoshop的概念！
说的大众一点就是，你做网页的时候没用层的话，那你看见的就是一张纸的东西，如果加上层的话，就是看见2张纸层叠在一起的东西！
  innerHTML和innerTEXT有什么区别
innerHTML是指某个网页元素内部的代码,而innerTEXT是指某个网页元素的文本内容.写个例子给你:
<div name=abc><b>测试</b></div>
这样document.all(abc).innerHTML就是:<b>测试</b>
而document.all(abc).innerTEXT就是:测试
  POST 与 GET的用法
1、在客户端，GET方式在通过URL提交数据，而POST提交地址不变。
2、在服务器端，asp中，GET通过request.querystring来获取数据，POST通过request.form来获取数据。php中，则通过$_GET['name']、$_POST['name']、$_REQUEST['name']。
3、Get把参数添加到action属性指定的地址中，并以锚方式打开。
Post通过HTTP post处理发送数据。
附：GET 发送数据只能1024个字节
  什么是IFRAME
iframe就是框架网页就是在同一个页面里有多个网页,使用框架的好处就是你在请求一个网页的下一个页面的时候,还有 一个网页是一直显示着的,这样浏览者就不会就的等待的存在了..

iframe使用很简单，使用src属性指向另一个你需要包含的另一个文件即可，也可以通知制定宽(width)，高(height)等。比如：

<iframe name=content_frame marginwidth=0 marginheight=0 width=100% height=30 src=import.htm frameborder=0></iframe>

--------------------------------------------------------------------------------
用IFRAME实现网页的内嵌和预载

在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。

iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：

name：内嵌帧名称

width：内嵌帧宽度(可用像素值或百分比)

height：内嵌帧高度(可用像素值或百分比)

frameborder：内嵌帧边框

marginwidth：帧内文本的左右页边距

marginheight：帧内文本的上下页边距

scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)

src：内嵌入文件的地址

style：内嵌文档的样式(如设置文档背景等)

allowtransparency：是否允许透明

明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中：

〈iframe name=import_frame width=100%

height=80 src=samper.htm frameborder=auto〉

〈/iframe〉

不错吧，马上“Ctrl+C”、“Ctrl+V”试试。

有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现：

先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：

〈meta http-equiv=refresh content=3,url=index2.htm〉

〈body〉

页面加载中，请稍候……〈iframe src=first.htm style=display:none〉〈/iframe〉

〈/body〉

主文件index2.htm

〈body〉

〈iframe src=first.htm加入其他属性限制〉〈/iframe〉

〈/body〉

first.htm的内容就会先于页面的其他内容出现在您的浏览器里了，是不是很简单？再“Ctrl+C”、“Ctrl+V”一次？
  div+css与table用起来有什么区别
一. 定位
首先，严格意义来说，table和div都是可用合理的布局方法，你不能否认table的价值，或者div只有优点没有缺点。可以说web架构即可以使用table也可以div。那么关键就是你对你的web需求的定位。

我们需要考虑到web页面给我们的site会带来多大的影响。如我们的site针对的海量的访问，海量的数据，（当然cache问题这里不讨论）那么在 构架上通常会减少table使用量，尤其是大量的循环的时候，当然table也是有用的。对于复杂的site来说，div+css有时候很难准确定义出我 们所表达的内容这时候table就是很好的选择。这也是开发前要考虑的问题，在要达到开发目的的同时保证所需要的成本。同样用div+css来实现一个结 构复杂的page时往往不如用一个table就能简单得搞定。

二. 特性
table和div有其各自得特征。这也意味着他们价值取向有不同，对于开发设计的人员来说很重要的。

table可以很容易建立起结构化的界面，通过table自身的参数定义，我们能把页面布局很快定义成我们所需要的效果。当然css的配合就可以相对减 少。缺点就是扩展性和可读性相对较差，扩展性差表现在维护和修正上面，一个复杂的table布局的site，她的海量页面在随着需求变化下，开发人员将一 筹莫展，大量的修改需求会把web的界面开发工作彻底粉碎。可读性差，这个也是相对来说，来看个例子：我们用同一效果table和div来显示一个 page

－－－－table－－－－
<table width=300 border=0 cellspacing=0 cellpadding=0>
<tr>
<td rowspan=3 bgcolor=#FF0000> </td>
<td> </td>
<td rowspan=3 bgcolor=#0000FF> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
－－－－table－－－－

－－－－div 1－－－－
<div style=width:100px;background-color:red;></div>
<div style=width:100px;background-color:white;>
<div></div>
<div></div>
<div></div>
</div>
<div style=width:100px;background-color:blue;></div>
－－－－div 1－－－－

－－－－div 2－－－－
<div style=display:inline-table; width:300px;>
<div style=float:left; width:200px; clear:left>
<div style=display:inline-table;>
<div style=float:left;clear:left;width:100px; background-color:red;></div>
<div style=float:right; clear:right; width:100px;>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div style=float:right; width:100px; clear:right; background-color:blue;></div>
</div>

－－－－div 2－－－－
...

table在表现上更加“严谨”，有局限性。在表现复杂的结构时会非常难懂。往往我们的website的程序内容又十分庞大，对开发人员来说要把代码马上从头脑中有清晰的轮廓十分不易。

div呢，在html语法中我们知道div的含有和作用，如果用它来实现布局页面的话，几乎完全要靠css来支撑，可以说div不能单独使用，尤其是针 对性强的web，给用户视觉上的效果要求十分严格，div的使用要配合专业的css参数来实现。从前面的例子可以看出div布局更加灵活，能简单也能够复 杂。相同的显示效果在css和div的配合上可以产生不同的搭配方式。扩展性强是她的优点，开发设计人员只要对相应的css做调整就能让布局焕然一新，这 点是table远远不及的。但在对结构相对复杂的局部，往往div+css开发难度高，一个简单效果div和css要写半天，这点table就好很多了， 用dw之类的所见即所得的软件下我们可以轻易做出用div+css写半天才能做出的东西。

三. 兼容
这是每个website的一个重要课题，浏览器的兼容问题。table和div在兼容问题中，table更具有优势。

我们常用的ie，ff浏览器对div css设置上非常挑剔，往往同一个css在2种浏览器上会有不同的结果，对开发人员来说是个可怕的问题。我们不可 能对用户的浏览器进行排斥，因此只有通过在开发的时候调整我们的语法和布局方法。div要求我们严格css支持，而table可以不用考虑这么多。 table的严谨在不同浏览器中得到了很好的表现。

在考虑我们的定位，特征，兼容问题后，如何布局，采用何种构架方案我想大家心里应 该都很清楚了，我想说对于真正的开发者来说善用其利是最重要的理念。而不是一味偏好，或者体现自己技术能力来做开发设计工作。对于div我们可以充分发挥 其灵活清晰的架构特性，配合table的严谨来实现各种webpage的需求。