存档

文章标签 ‘html5’

从维护页面看到的

2011年7月26日 没有评论

今天周二,wow更新。进官网看服务器状态,发现官网在维护中。顺手就看了下html源码。不看不知道,一看还顺手学了点。下面是他们的部分代码。

<!DOCTYPE html>
<html lang=”en-us”>
<head>

<title>Battle.net</title>

<!–[if IE]>
<meta content=”false” http-equiv=”imagetoolbar” />这个是很久前 jerry  说的在图片上不显示工具栏
<meta content=”IE=edge,chrome=1″ http-equiv=”X-UA-Compatible” />这个问了才知道,意思是说在IE的环境下,如果有安装chrome 的frame框架的话,就使用该框架;如果没有安装,就按照最新的IE标准来显示。
<![endif]–>

<meta name=”robots” content=”none” />
<meta http-equiv=”refresh” content=”120″ />

<link rel=”icon” type=”image/png” href=”/static/local-common/images/favicons/root.png” />
<!–[if IE]>
<link rel=”shortcut icon” type=”image/x-icon” href=”/static/local-common/images/favicons/root.ico” />
<![endif]–> 这里显示网站Icon时,根据浏览器做不同处理,很细心的处理

<style>
html, body, div, span, object, iframe, h1, p, img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }css reset,很符合我的口味,我经常看到一堆的reset,我喜欢精简点的,可能是因为没有吃过什么亏吧。
html, body { background: #000 url(“/static/local-common/images/layout/bg.jpg”) 50% 0 no-repeat; color: #aaafb8; font: normal 12px/1.5 “Trebuchet MS”, “Arial”, sans-serif; }

a { color:#007ca5; text-decoration: none; }
a:hover,
a:focus { color: #0c536a; }

::-moz-selection { color: #eee;  background: #006a9b; }
::selection { color: #eee;  background: #006a9b; } 这里问了wait 大大,说是鼠标选中文字时的样式

 

分类: 日常 标签: