1.h5侧分网站：http://www.htmllint.net/html-lint/htmllint.html
2.登高js
$('.comPhotoList li').equalHeightColumns({
setHeightOn: 'height',
defaultVal: 'auto',
equalizeRows: true
});
3. 特殊符号
※～ ≧ ? ・
●■
① ① ②
μ µ
→ →
c ©
R ®
“ ”
° °
... …
4.滤镜
a:hover img {
filter: alpha(opacity=70);
opacity: 0.7;
}
5.一些css3兼容IE8
behavior: url(../js/pie.htc);
6.强制换行 不强制换行
white-space: pre-wrap;
word-wrap: break-word;
word-break : break-all;
word-wrap: break-word;
word-break: normal;
7.次方的形式
<sup></sup>
8.submit
修正按钮的input 要加name="__retry_input__"。
送信按钮的input 要加name="__send__"。
要加name="__submit__"。
9.打印
h2 { page-break-before: always; }
hr { page-break-after: always; }
10.favicon.ico
<link rel="shortcut icon" type="image/x-icon" href="../images/common/favicon.ico" />
11.mailto
mailto:dr-ito@worldscience.co.jp&cc=dr-ito@worldscience.co.jp
mailto:dr-ito@worldscience.co.jp?cc=dr-hair@worldscience.co.jp
12.copyirhgt年份自动变化
<script type="text/javascript">
today=new Date();
y=today.getFullYear();
document.write("",y,"");
</script>
13.热点hover效果
onmouseover="document.getElementById('infoMap01').src='img/corporate/img01_over01.jpg';" onmouseout="document.getElementById('infoMap01').src='img/corporate/img01.jpg';"
<div class="info02"><img src="img/corporate/img02.jpg" alt="" width="117" height="67" id="infoMap02" usemap="#Map2">
<map name="Map2">
<area shape="poly" coords="57,50,57,17,28,0,-1,18,-1,49,27,66" alt="" href="#" onmouseover="document.getElementById('infoMap02').src='img/corporate/img02_over01.jpg';" onmouseout="document.getElementById('infoMap02').src='img/corporate/img02.jpg';">
<area shape="poly" coords="116,50,116,17,87,0,58,17,58,49,86,66" alt="" href="#" onmouseover="document.getElementById('infoMap02').src='img/corporate/img02_over02.jpg';" onmouseout="document.getElementById('infoMap02').src='img/corporate/img02.jpg';">
</map>
<h4>取引先</h4>
</div>
14.input 点击文字消失
<form action="#">
<input type="text" name="text1" value="入力してください"
onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;">
<input type="reset">
<input type="submit" value="送信">
</form>
15.ipad 显示pc
<script type="text/javascript">
if(((navigator.userAgent.indexOf('iPhone') > 0) || (navigator.userAgent.indexOf('Android') > 0) && (navigator.userAgent.indexOf('Mobile') > 0) && (navigator.userAgent.indexOf('SC-01C') == -1))){
document.write('<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">');
}
</script>
16.表单乱码
$message['御社名（かな）'] = '
'.$parm['company02'].' '.'
';
17.模板
<!-- TemplateParam name="id" type="text" value="" -->
</head>
<body id="@@(id)@@">
http://weback.net/demo/index-rwd-table.html
18.IE8兼容background
.bgpic {
background-image:url('');
background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}
19.
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1">
<meta name="format-detection" content="telephone=no">
20.兼容IE8的输入框点击文字消失
<input name="search" value="駅名・住所などでフリーワード検索" onblur="if (this.value == '') this.value = '駅名・住所などでフリーワード検索';this.style.color='#CCC';" onfocus="if (this.value == '駅名・住所などでフリーワード検索') this.value = '';this.style.color='#333';" />
21.<input type="image" src="img/index/btn01_out.gif" alt="リセットする" name="__retry_input__" value="リセットする" onmouseover="this.src='img/index/btn01_over.gif'" onmouseout="this.src='img/index/btn01_out.gif'" />