Question

html5 手机网站问题

大神帮我详细解释一下meta后面的那一行行属性都有什么用 还有section后面那个属性是干什么的
不要照本宣科 最好加上自己的理解和比喻
在什么情况下用到这些属性
感谢大家了 没多少分了 大家体谅





Answer 1

1. 这个标签很少用到，按我的理解就是把这个标签里面的文字归纳成一个模块的意思（其实本身你看不出什么效果，当然你用样式控制的话就不一样了）；

2. 另外，你这儿的data-role=“w-formbox”属性，这儿应该用到了JQuery-Mobile吧（因为我没用过这个标签，所以不敢肯定。），不过data-role是JQuery-Mobile里面的对象。你可以把它理解成一个标志，就比如 data-role=“header”，那么你可以理解为，这个标签在这儿扮演的角色是头部，如果是bottom，那你相应的就理解为底部。
   

追问

那utf-8下面的meta右侧的属性都是什么意思
还有你做没做过手机网站 这几天我看一些大网站的手机网站和小网站的手机网站 发现区别就在于大网站的手机网站往往就是用一些html5的一些新标签
按我的理解是 其实手机网站完全可以和web网站一个做法 只是要求手机网站得居中显示 然后宽度以百分比形式呈现 字体用em单位
对么？

追答

这句话里面的属性意思：
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
具体的作用就是，加上这句话之后，你的页面就可以放到手机上去而不会变形。不然我们做好的HTML放到移动端上面，无论是字体大小还是标签大小（我们设置宽度什么的）都会PC端上面那个大小而不会适应移动端。
抱歉，刚才没看完你的问题就回答了。现在补充一下
我做过移动端的。手机只支持HTML5，所以才会都是HTML5标签，以前那些旧的东西，在HTML5里面被淘汰的，手机上面是不用了（具体会不会起作用我没试过）。
还有你对移动UI的理解是对的，自适应是为了兼容不同分辨率、不同宽度屏幕的手机。