首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计。

1设计能反映网站内容的logo，并且将logo放在网站的醒目位置2网站的颜色要统一，要突出网站的主调色彩3相同类型的图像要有相同的效果4网站要有一句明晰的宣传标语三网站布局类型 1国字型布局 这种布局类型分为上边栏左边栏中间内容区右边栏和底部的页脚区域，其形状酷似一个“国”。

1活动运营型 为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏邀请函贺卡测试题等形式与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动更高质量更具话题性的设计来促成用户分享传播从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引。

如果对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为量身定做的东西HTML5允许写出简单清晰富于描述的代码符合语义学的代码允许你分开样式和内容看看这个典型的简单拥有导航的heaer代码ltdiv id=quotheaderquot lth1Header Textlth1 ltdiv id=quotnavquot ltul ltlilta href=quot#quot。

3Jo该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是BlackberryiOS还是Android并且提供许多HTML5小部件使用它可以解决任何动画设计方面的问题4SenchaTouchSenchaTouch是第一个基于HTML5的移动应用框架，利用JavaScriptHTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据。

广义论及HTML5时，实际指的是包括HTMLCSS和JavaScript在内的一套技术组合它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务PluginBased Rich Internet Application，RIA，例如Adobe FlashMicrosoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集2具体来。

一web应用更容易开发 HTML5的规范都是基于用户优先准则来编写的，贴合开发者的编码习惯，语法限制不严，代码也更为精简，更易于阅读二功能强大，用户体验佳 HTML5视频播放起来更流畅清晰，也更省电HTML5游戏小巧流畅，画面质量高，操作易上手HTML5广告摆脱了以前网页广告的悬浮滚动和弹出。

1 Adobe Dreamweaver这是一款专业的网页设计和开发工具，支持HTML5CSS3等前端技术，提供了丰富的代码编辑和调试功能，方便开发者制作响应式和移动优化的网页同时，它还支持团队协作和版本控制功能软件介绍集成开发环境Dreamweaver提供了一个集成的开发环境，包含了代码高亮自动完成和错误检查等。

第一大原因 它是未来，开始用吧最大的原因今天就开始使用HTML5是因为它是未来，不要掉队了HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始着手开发HTML5其实更像HTML，它不是一个新的技术需要你重新学习如果开发XHTML strict的话现在就已经在开发HTML5了为什么不更。

逗自适应网页设计地的核心，就是CSS3引入的 Media Query模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400px，就加载tinyScreencss文件如果屏幕宽度在400像素到600像素之间，则加载smallScreencss文件除了用html标签。

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小宽度设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的如果设计图稿过小。

下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了lthtml xmlns=quot quot lthead ltmeta。

通过把元素嵌套进 a 里使其变成一个链接将 img 嵌套进 a 元素中 如果我们要把图片嵌套进 a 元素， 可以这样写HTML 中有用于创建有序列表的特定元素有序列表以 ltol 开始，中间包含一个或多个 ltli 元素 最后以 ltol 结束例如注意 别忘了 input 元素是 quot自闭和标签quot。

html是一种超文本标记语言，h5是就是html的第五代简称h5包含了html所有技术点，比如网页设计，网页上面的图片文字视频的显示和排版技术h5课程一般包含传统网页设计技术新型网页设计UI设计比如h5海报设计等等由于h5使用场景位居前段，所以课程还会涉及一些产品和用户体验以及设计的内容。

2前端后台的区别无论HTML5还是iOS，在整个网页开发流程中，前端HTML5开发工程师，主要负责的是“前台页面制作”，“网站测试”，“修改”三个部分3HTML5与网页设计与制作的区别原有的网页设计与制作，主要针对PC平台，进行网页网站的设计与制作，相对会涉及一部分设计工作，并将美工图实现。

想要video能自动填充慢父div的大小，只要给video标签加上style=quotwidth= 100% height=100% objectfit fillquot即可objectfit语法 objectfit属性的语法非常的简单objectfitfill contain cover scaledown objectfit取值说明 objectfit主要适合于替换元素，比如ltvideolt。