Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。
如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。HTML5的一大革新就是语义化标签的完善。
Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。
如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。HTML5的一大革新就是语义化标签的完善。
HTML代码:
<div class="inp-be">
输入数字
<input type="text" id="enterNumber" value="99999" oninput="return EditChange();">
</div>
<div class="inp-end">
转换后
<input type="text" id="conversion" value="111" style="width: 400px" >
</div>
效果截图:
采用正则表达式获取地址栏参数,定义一个方法来获取:
function GetAddressUrl(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
输出效果:
一、Math.min() 返回一组表达式中最小者
例:
var n = Math.min( 2 , 30 ,1 , 200-10 , 300*22 , 20-30 );
alert(n);
//打印出n为 -10 ;
效果截图:
HTML代码:
<div id="message" style="display:none"></div>
JS代码:
$(function(){
//判断是否是IE浏览器 IE模式不支持audio 换成embed
if(navigator.userAgent.indexOf('MSIE') >= 0){
$('#message').html('<embed src="system.wav" autostart="true"/>');
}else{
//IE9+,Firefox,Chrome均支持
<audio>
$('#message').html('
<audio autoplay="autoplay" id="sound" src="system.wav"></audio>');
</audio>
}
JS代码判断IE6,IE7,IE8,IE9!做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的代码:
第一种方法:
<script type = "text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0"){
alert("IE 6.0");
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0"){
alert("IE 7.0");
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0"){
alert("IE 8.0");
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0"){
alert("IE 9.0");
}
</script>
一、IE6 css hack:
*html Selector {} /* Selector 表示 css选择器 下同 */
Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
Selector { _property/**/: /**/value; }
Selector { -property: value; } /*IE6 css hack常用习惯推荐使用下划线_ */