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 属性相关联,创建图像与映射之间的联系。

注释:<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性(由浏览器决定),所以我们需要同时向 <map> 添加 id 和 name 两个属性。

 

 

base标签的用法

必需的属性

属性描述
href URL 规定页面中所有相对链接的基准 URL。

可选的属性

属性描述
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
在何处打开页面中所有的链接。

 

重要事项:如果在 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 使这些元素改变表格的外观。

posted @ 2014-11-24 22:01  挨踢淫才  阅读(186)  评论(0编辑  收藏  举报