你真的知道一个HTML及资源是如何load的吗(了解各个部分是何时下载和执行的)
原文地址：http://www.cnblogs.com/mindsbook/archive/2009/12/03/sequence_of_response.html
本博客所有内容采用 Creative Commons Licenses 许可使用. 引用本内容时，请保留 朱涛, 出处 ，并且 非商业 .
点击 订阅 来订阅本博客.(推荐使用 google reader, 如果你的浏览器不支持直接订阅,请直接在 google reader 中手动添加).
点击 下载pdf阅读 (如果浏览器不支持直接打开,请点击右键另存)
摘要
本文主要介绍浏览器请求一个URI后, 相应的html及其包含的外部资源(如js/css/image/flash)的下载顺序及其执行顺序.
在文中会有一个具体的例子来说明.
Contents
摘要
引入
具体分析
请求分析
对Firefox和chrome的请求分析
Firefox
chrome
有意思的一个插曲
结论
后记
参考资料
本文的源码
引入
完成了若干个基于WEB的项目, 也了解了从前端的js,css,html到后端python/php等, 二者如何交互, 最终浏览器如何执行, 这些在心里也已经很明确了. 不过一个问题一直萦绕在心中,那就是:
一个html有 ......
大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是word-break,当把这项设为break-all时大家就可以看到效果了.
示例代码：
< table width="100%" style="word-break:break-all">
< td width="20%">
aaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbcccccccccccc
< /td>
< td width="80%">< /td>
< /table>
word-break还有两个选项:normal就是通常的,不设置时的效果了。
keep-all:则是和break-all相反,是不管什么字符在没有空格和换行符的情况下都不换行。 ......
import urllib
from HTMLParser import HTMLParser
class TitleParser(HTMLParser):
def __init__(self):
self.title = ''
self.divcontent = ''
self.readingtitle = 0
self.readingdiv = 0
HTMLParser.__init__(self)
def handle_starttag(self, tag, attrs):
if tag == 'title':
self.readingtitle = 1
if -1 != tag.find("div"):
self.readingdiv = 1
def handle_data(self, data):
if self.readingtitle:
# Ordinarily, this is slow and a bad practice, but
# we can get away with it because a title is usually
# small and simple.
self.title += data
if self.readingdiv:
self.divcontent += data
def handle_endtag(self, tag):
if tag == 'title':
self.readingtitle = 0
if tag == "div":
self.readingdiv = 0
def gettitle(self):
return self.title
def getdi ......
import urllib
from HTMLParser import HTMLParser
class TitleParser(HTMLParser):
def __init__(self):
self.title = ''
self.divcontent = ''
self.readingtitle = 0
self.readingdiv = 0
HTMLParser.__init__(self)
def handle_starttag(self, tag, attrs):
if tag == 'title':
self.readingtitle = 1
if -1 != tag.find("div"):
self.readingdiv = 1
def handle_data(self, data):
if self.readingtitle:
# Ordinarily, this is slow and a bad practice, but
# we can get away with it because a title is usually
# small and simple.
self.title += data
if self.readingdiv:
self.divcontent += data
def handle_endtag(self, tag):
if tag == 'title':
self.readingtitle = 0
if tag == "div":
self.readingdiv = 0
def gettitle(self):
return self.title
def getdi ......
HTML在线编辑器不需要懂得使用Dreamweaver8，会用Word就会使用此编辑器，在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。
但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢？！
首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中，文件名是gledit.htm。
HTML在线编辑器有两种基本调用方法：
一、使用object调用:
[url=http://www.xinshousj.com]新手站长教程[/url]
1、怎么在web页中嵌入html编辑器：
我们在需要嵌入得位置加入以下html代码：
<object id=doc_html data="gledit.htm" width=530
height=320 type=text/x-scriptlet VIEWASTEXT></object>
其中object标签里面得data后面接得数据就是我们所要调用得在线编辑器页得路径，id就是我们调用object得id，后面取编辑器中得数据时就要用到这个id。Width和height就是编辑器得高度和宽度了。
2、怎么取得html编辑器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用object调用的编辑器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(
<textarea
name="content" style="display:none">< ......
在网页制作中，我们常常会使用到表格，表格使得需要表达的信息更清楚，明了。
<table border="1" cellspacing="0" bordercolor="#000000" width = "80%">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<table>
这段代码定义了border = 1pix的表格，但实际上表格的实际边框宽度为2pix, 这是因为表格边框由：表格外边框和单元格边框两部分构成。
那么如何定义一个细线表格(实际边宽为1pix) 呢？
1. 使用 cellspacing和背景色技术:
<table border="0" cellspacing="1" bgcolor="#000000" width = "80%">
<tr bgcolor="#ffffff">
......
HTML（超文本标记语言 HyperText Markup Language）
基本格式范例代码：
打开任意一个可以编辑文本文件的软件（例如Windows自带的“记事本”），输入如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>HTML标签演示</title>
</head>
<body>
欢迎学习HTML
</body>
</html>
上述代码展示了一个网页的基本结构，一个 HTML 网页也称为一个 HTML文档，对于 HTML 文档，我们必须了解：
文档类型：<!DOCTYPE> 标签定义了文档所使用的类型及版本，目前常用的为 XHTML 1.0 版本 (关于
DOCTYPE 更进一步的解释，请在学习完毕 JavaScript 脚本后，参考 页面元素对象章节)；
标签：特定单词被一对<>符号包围的形式，称为 HTML 标签：
<>中的单词称为标签名 (TagName) (如代码中的 <html>, </html>,
<body> � ......
最新文章 : html