所有分类
  • 所有分类
  • 后端开发
网页设计新潮潜规则,HTML5老标签翻身惊现

网页设计新潮潜规则,HTML5老标签翻身惊现

之前网页中会这样写:浏览器就会在读取到这个标签后,立即切换对应的极速核。标签说明文档可以让布局在移动浏览器上显示的更好。这是一个布尔值,可以直接这样写:状态栏背景是黑色。,网页内容充满整个屏幕,顶部会被状态栏遮挡。禁止系统自动添加效果,直接

亲朋好友们,来了解下,网页设计以前还有另一种叫html5的老标签写法!有没有觉得很奇特呀?就让我们一起来挖掘这个好玩儿的东西!

你们知道吗?平常上网的时候,一点儿鼠标切换效果360浏览器就变身为极速内核模式!到底是咋回事儿?其实很简单,就是写代码的方法搞的鬼。所以,下载个GoogleChromeFrame(也叫GCF),网页显示就是GCF的活儿;不然的话,就用最新版本的IE内核。简单说,不管你们用啥浏览器,都能欣赏到最好看的网页效果。

哈喽,我得告诉你一件事。用百度手机上网时,可能会碰到访问的网页被转编码的情况,也挺烦的对不对?别担心,我们可以解决这个问题。只需要在网页的头部标签()中添加一个叫作yourtitle的标签就行!这样一来,你就可以控制网页如何被搜索引擎搜到,还有一个叫做robotterms的参数,实际上就是英语逗号分隔的数字,常见的设置有noindex、nofollow、all等。设定好这些,百度就不会乱动你的网页,也不会出现讨厌的广告了!

现在说个事儿,咋让手机浏览网页时看着舒服点儿?关键就在这儿!简单来说,用viewport标签,加个width=device-width就行了,这样iphone 5全屏浏览网页时不会有啥黑边。再告诉你们一招,ios 7.1 beta 2有个minimal-ui属性超给力,尤其是刚打开网站的时候,状态栏会变窄很多。但记住,要是你的网站没做成响应式设计,那就先别动initial-scale,也别关缩放功能!

这还不简单,让我们聊聊Viewport宽度怎么回事。首先,你知道吗?大部分4.7到5英寸大小的安卓手机,它们的Viewport宽度基本上就是360像素。不过,有个例外,那就是苹果iPhone 6,它采用的宽度是375像素哟。再看那些更大的5.5英寸安卓手机,比如三星Note这些,它们的Viewport宽度基本都设置成了400像素。有趣,iPhone 6 Plus的宽则定格在了414像素。所以说,只要搞清楚设备型号,就可以轻松了解Viewport宽度!

新问题来,把网页添加到主屏后,该给它起个啥名字好?这个可得好好想想喔!如果你选默认的“default”或纯黑的“black”,那么页面内容可得从底部慢慢显示出来哦;而如果你选的是黑透明的“black-translucent”,那画面可不止喝满整个屏幕,而且上面还有个状态栏挡住视线。所以咱们在定标题时要根据实际需要挑选合适的方法

好嘞,最后一个问题哈——咱聊聊那啥iOS的图标是咋儿随不同设备变化滴?噢对,你说的那个iPad上用ios 6的话就能启用全屏模式连状态栏都没了;但是iPhone跟iPod touch还是会带状态栏哒~还有,Safari就稍微有点不一样,iOS 6以后的版本都能弄那个所谓的Smart App Banner智能广告功能哟~

各位好,这里聊聊html5以前的网站奇怪做法,看看这是怎么回事儿,说不定对你们有用!欢迎大家也来说说看,评论区见喔。如果你有什么想法或者迷糊的地方,记得留言!记得给我们点赞分享一下!今天就来讲讲网站旧式编码那些事儿,分析认真,提供解决方案,目的就是让大家都注意到这些,方便你们以后使用。如果你也感兴趣的话,不妨赶紧加入我们的聊天互动!把这份热爱分享出去也是对我们无尽的鼓励

原文链接:https://www.icz.com/technicalinformation/web/2024/03/11409.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?