1、有三种基本布局静态布局丢失布局和灵活布局 静态布局 静态布局使用像素px作为页面设计的单位在不同的显示宽度下，页面元素大小都是固定的 流式布局 流式布局将页面宽度设置为百分比当显示区域改变时，页面布局将按比例改变；也就是常说的body区 ，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字这里也是最主要区域，网页的内容呈现区5最后是以quotlthtml quot结尾，也就；html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articlediv，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等ltarticl。

2、知识的表达方式，比如HTML5布局之路进行学习，让自己的知识更扎实一些，不然学的零零散散的Tips学习好HTML+CSS有利于后面学习JavaScript，毕竟需要它们两者结合在一起才可以实现出可交互的前端页面；你是要学吗首先HTML是最基础的，现在流行的是HTML5设计，先学会网页布局CSS是用来美化HTML页面的为页面提供布局和格式最后再学javascript选择专业的HTML5培训机构，跟着老师一步一步操作，入门是很容易的，飞雀教育帮；对于初入门的网页设计者和开发者而言，学习网页设计和开发就应该从HTML5和CSS3开始，这是毋庸置疑的对于有经验的工程师来说，如果想完整掌握HTML5和CSS3新技术，那么HTML5+CSS3网页布局和样式精粹是最合适不过的。

3、HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图行2021的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字；首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名，保存然后我们先进行简单的页面布局在body部分加入一个div，里面添加ul和li的嵌套我们在li标签中添加部分内容，并设置其宽度为100%，即充满整个屏幕；响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial；MUI25 方法步骤 为了演示HTML5 APP页面是如何做到动态调整布局1首先，我们创建一个移动APP项目，然后，添加一个indexhtml页面代码里，添加一个图标，以及添加引入一个JS文件，该文件的作用在于请求后台JS文件2；html5网页设计流程文字说明网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系1网站栏目能起到提纲挈领额作用 2网站栏目具有清晰导航的功能 3网站模块要做到顺序。

4、1符合单一职责原则HTML5页面就负责管理元素，而CSS3文件只负责对相应HTML5文件显示效果的渲染，相互独立，互不相交2降低页面的复杂度，便于维护试想，当页面的元素数量增到很多的时候，同时在一个页面里管理元素和元素的显示属性，可读；横向4个盒子浮动好，给width25% 就是平均4部分， 不平均的话就自己调百分比；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

5、用JavaScript或者jquery 1页面加载完，获取当前浏览器显示区域高度2获取页面中我的相册div1关闭相册的高度3用1获取的值减去2所有的值4用3所得值附加给div2 好了，方法教给你了，自己去实现吧；1国字型布局 这种布局类型分为上边栏左边栏中间内容区右边栏和底部的页脚区域，其形状酷似一个“国”字国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多需要良好组织的网站2T字型布局 这种。