1、这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；如果想系统化的了解HTML+CSS方面的知识，建议你选择一本比较不错的HTML5相关书籍主要看知识逻辑知识的表达方式，比如HTML5布局之路进行学习，让自己的知识更扎实一些，不然学的零零散散的Tips学习好HTML+CSS有；9网页布局分为自然布局，浮动布局， 定位布局 10当一个元素被定义为浮动显示时，即定义为块状元素并且该元素就会收缩自身体积为最小状态所以，应该有个好的习惯即把浮动元素设置高和宽如果没有设置，则元素会按。

2、aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；在移动端实现纯css的自定义布局的方法1html5主页面 lt！doctype html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1 userscalable=0quot；列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处 但看似相似，并不是真的；4添加标签 HTML5提供的元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用侧边栏广告nav元素组，以及其他类似的有别与主要内容的部分根据目前的规范，元素有两种使用方法被包含；你需要弄清楚3点 1中间的那条淡蓝色的竖线是一个背景图不带圆圈2头像，圆圈还有邮编的信息是一条完整的信息，可以用一个div或li来做容器，它分为三部分，左边头像，中间圆圈，右边信息3今天和昨天这两个；9 lthtml如果网页编写工具暂时不支持HTML5也没关系，自己写这几行代码也很简单说明第一行lt！DOCTYPE html是HTML5对文档类型的简化，化繁为简文档类型的作用验证器依据它来判断该采用何种规则去验证代码强制浏览器以标准模式；4上下框架型布局 这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用5标题正文型布局 这类网站的布局结构由上。

3、代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles；可以通过DIV来分块布局，然后通过CSS样式来调整大小，颜色等样式参考代码如下lt！DOCTYPE html lthtml lthead ltstyle header backgroundcolorblackcolorwhitetextaligncenterpadding5px nav line；HTML5只是加了几个语义化标签而已，方法还是老方法 div布局的话 矩形1 width50%floatleft矩形2 width50%floatleft如果矩形中没有内容，还需要设置高度这样就行了 别忘了清除浮动 table布局就是 tr里面。

4、H5是html5的缩写，是万维网的核心语言标准通用标记语言下的一个应用超文本标记语言HTML的第五次重大修来改制作H5页面的方法1首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPSH5软件2进入H5的制作页面后；html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articlediv，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等lt；如果是在学习网页布局的相关知识，可以弄本HTML5布局之路，来辅助自己的学习 网页布局都有哪种？一般都用什么布局？ 一般中小型企业的网站都是全部固定常见960px的，这些企业一般不会耗太多精力在网站上，所以不论是什么版的都是用的一；使用 html5 开发一个动态网站方法工具原料 HBuilder66 MUI25 方法步骤 为了演示HTML5 APP页面是如何做到动态调整布局1首先，我们创建一个移动APP项目，然后，添加一个indexhtml页面代码里，添加一个图标。