html知识
1 <body bgcolor="yellow" background="http://www.baidu.com/img/bd_logo1.png"></body>
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
使用图片作为超链接
1 请点击图片:<a href="http://www.baidu.com"> <img src="image/bd_logo1.png" /> </a>
textarea火狐、chrome设置不可缩放大小,设置style属性"resize: none;"
frame框架设置不可缩放帧大小, 设置frame标签属性 noresize="noresize"
重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)
1 <frameset cols="10%, 10%, *%"> 2 <frame src="left.html" bordercolor="red"> 3 <frame src="center.html" noresize="noresize"> 4 <frame src="right.html"> 5 <noframes><body>error!</body></noframes> 6 </frameset>
URL 编码
URL 只能使用 ASCII 字符集来通过因特网进行发送。
由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
最好的 HTML 解决方法
HTML 5 + <object> + <embed>
<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240" /> </object> </video>
上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。
问题
- 您必须把视频转换为很多不同的格式
- <video> 元素无法通过 HTML 4 和 XHTML 验证。
- <embed> 元素无法通过 HTML 4 和 XHTML 验证。
注释:使用 <!DOCTYPE html> (HTML5) 解决验证问题。
1 <audio controls> 2 <source src="/i/horse.ogg" type="audio/ogg"> 3 <source src="/i/horse.mp3" type="audio/mpeg"> 4 Your browser does not support the audio element. 5 </audio>
定义和用法
<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在 <map> 标签中。
注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。
base标签的用法
必需的属性
属性 | 值 | 描述 |
---|---|---|
href | URL | 规定页面中所有相对链接的基准 URL。 |
可选的属性
属性 | 值 | 描述 |
---|---|---|
target |
|
在何处打开页面中所有的链接。 |
重要事项:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。
说明
enctype 属性可能的值:
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain
定义和用法
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
网站logo图标(浏览器标签页、地址栏左侧、收藏夹图标、桌面快捷方式图标)显示代码
1 <link rel="shortcut icon" type="image/ico" href="test.ico" />
使用32X32大小的图标
meta元素
1 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 2 <meta http-equiv="Refresh" content="300; url=http://www.baidu.com" /> 3 <meta http-equiv="Set-Cookie" content="username=rootadmin; expires=Sat, 06 Dec 2014 02:47:09 GMT; path=/" /> 4 <meta http-equiv="Pragma" content="no-cache" /> 5 <meta http-equiv="Expires" content="Sat, 06 Dec 2014 02:47:09 GMT" /> <!-- 浏览器网页缓存过期时间 --> 6 <!-- <meta http-equiv="Page-Enter" content="revealTrans(duration=1000,transtion=5000)"> --> 7 8 <meta name="keywords" content="Java, Programmer, Linux, PHP" /> <!-- 搜索引擎数据收集 --> 9 <meta name="description" content="meta usage information" /> <!-- 搜索引擎数据收集 --> 10 <meta name="author" content="fangwenyu" />
设置的cookie path, 父路径cookie会应用到子路径中去
定义和用法
<tbody> 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。
tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。