2013年7月28日web前端学习笔记-------head相关标签应用
2024-08-25 19:41:53
7月份快过完了。趁周日写写学过觉得有用的东西。
1.缩略图的展示问题,不要以为缩略图设置了width,height,就是缩略图了。比如一个300kb的500*500原始图片,用户请求web服务器后,展示在页面只需要100*100大小的缩略图。但是还是会下载500*500的原始图片,加载速度会很慢。正确的做法是:利用图片处理技术把图片压缩成100*100的大小后再展示。
2.图片格式转换,不要以为简单的把.bmp的图片改为.jpg的图片就是更改了图片格式。比如:把一个大小为330kb 的bmp格式的图片后缀名改为.jpg的,其实更改后的图片大小也是330kb。微软操作系统会识别图片到底是什么格式的。如果你只是改了一个后缀名,微软操作系统会智能识别到底是什么格式的图片。正确的做法是:把此图片另存为***格式
3.介绍一个非常喜欢的页面分组属性fieldset,将控件划分一个区域。代码如下,效果也如下。
<!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>
<title></title>
<meta http-equiv="Refresh" content="6;url=meta1.htm" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Type" content="charset=utf-8" />
</head>
<body>
<fieldset>
<legend>你懂的网站链接跳转</legend>
还有<b id='second' style='color:Red'>6</b>秒将跳转到激情四射的网站
</fieldset>
</body>
</html>
<script type="text/javascript">
function JsetTimeOut() {
var i = document.getElementById('second').innerHTML;
i--;
document.getElementById('second').innerHTML = i;
}
setInterval('JsetTimeOut()', 1000);
</script>
效果:
4.根据以上代码,说说里面的head头信息的meta标签。
l<meta>标签,<meta>有指定name和指定http-equiv两种用法,<meta name="名字" content="值" />、<meta http-equiv="名字" content="值" />两种用法。
•<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定网页编码
•<meta http-equiv="Refresh" content="3" /> 三秒钟后刷新此网页。
•<meta http-equiv="Refresh" content="3;url=http://www.rupeng.com" /> 三秒钟后重定向到新网页。发帖成功后提示“发帖成功,即将转向帖子查看页面”。
<meta http-equiv="Cache-Control" content="no-cache" /> 禁止浏览器缓存页面
5.说说层内文字连续英文不换行的问题,用css里这个属性:word-break:break-all
好了,就说这些啦。
最新文章
- maven2-snapshot快照库和release发布库的应用
- 验证坐标在某片坐标区域内 php 代码
- java多线程编程(一基础概念)
- 4. 对list进行sort
- CloudStack全局参数
- chrome 41 空格 &;nbsp;
- ASP.NET中Json的处理
- 目标管理剖析与实践&ndash; 献给追梦的人 (转)
- Inno Setup入门(十一)&mdash;&mdash;完成安装后执行某些程序
- TcpView 查看端口的小工具(推荐)
- 编程语言 : Java的动态Web解决方案泛谈
- sql语句联表更新(从一个数据库中的一张表更新到另一个数据库的另一张表)
- controller分支实现前台显示弹框同时转发
- python3 文件读写操作中的文件指针seek()使用
- Linux CA证书与https讲解
- JavaScript大杂烩9 - 理解BOM
- ubuntu 解决TXT文本的乱码的问题。
- ANSYS - 修改节点荷载的规则
- 10-Python3从入门到实战—基础之函数
- Python开发【项目】:选课系统-改良版