Html5标签页面

这篇博客探讨了HTML5的新标签,如<section>, <article>, <audio>, 和<canvas>等,并提供了HTML5布局的基本结构。文章还讨论了在iOS中如何防止将数字识别为电话号码,以及在移动端应用中使用rem和px单位的转换。此外,分享了一个JavaScript实例,用于实现基于640像素基本尺寸的手机屏幕自动适配。" 44594415,4238265,基数排序详解与时间复杂度分析,"['排序算法', '基数排序']
摘要由CSDN通过智能技术生成

新增加的HTML5标签

Html5

Html5标签页面..

新增加的HTML5标签

<section>

<article>:定义 article

<aside>:定义页面内容之外的内容。

<audio>:定义声音内容。

<canvas>:定义图像。

<command>:定义命名按钮

<datalist>:定义数列(tree_list)中的数据

<datalist>:定义下拉列表。

<embed>定义外部交互内容或插件

<footer>:定义section或page的页脚。

<header>:定义section或page的页眉。

<nav>:定义导航链接。

<section>:定义section。


HTML5 布局.

<!DOCTYPE html>

<meta charset=”utf-8”>

<html>

<head></head>

<body>

</body>

</html>


html5 ios中忽略将数字变为电话号码

<meta name="format-detection"content="telephone=no" />



Rem和px单位换算

http://115.29.98.118:8089/

Html5 公共样式(移动端app)

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0 auto; padding:0;}

li{ list-style:none;}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit;}

del,ins{text-decoration:none;}

q:before,q:after {  content:''; }

abbr,acronym { border:0; }

sup,sub{vertical-align:baseline;}

a,p,span,strong,b,h1,h2,h3,h4,h5,input,dl,dt,dd,li,th,td,i,em{font:26px/1.5 arial,"Microsoft Yahei","Hiragino SansGB",sans-serif; font-size:0.650rem;}

a{ text-decoration:none;color:#656565;}

a:link{ color:#000000;cursor:pointer; text-decoration:none; }

a,p,span,strong,b{ color:#000000;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

.b{ font-weight:bold;}

.clear{ clear:both;}








js:自动适应手机屏幕大小的js,基本尺寸640的屏幕(实例智慧旅游app端)

  <script src="js/af.min.js"></script>
 <script>
  var hjMoApp={
        init:function(){
            this.setHtmlFont(640);
            this.bindOrientation();
        },
        bindOrientation:function(){
            var _this=this;
            supportsOrientationChange = "orientationchange" in window,
            orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";
            $(window).bind(orientationEvent, function(e){
                _this.setHtmlFont(640);
            });
        },
        setHtmlFont:function(deMaxWidth){
        var deviceWidth=$(document).width(),
            htmlFont=((deviceWidth/640)*40).toFixed(3),
            maxFont=((deMaxWidth/640)*40).toFixed(3),
            htmlEle=$("html");
            if(deviceWidth<deMaxWidth){
                htmlEle.css("fontSize",htmlFont+"px");
            }else{
                htmlEle.css("fontSize",maxFont+"px");
            };
 
        }
 
    };
 
hjMoApp.init();
 </script>

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值