html5中怎样分区块

html5可以将网页分块， 网页分块意味着将一个页面划分为几个独立的部分，包括内容、菜单、头部、底部、链接等， 这些只要使用一些新的标签。下面是一张html5概念图：

1、<header>网站头部标签

2、<nav>导航标签

3、<article>内容标签

4、<section>文章标签

5、<aside> 侧边栏

6、<footer>网站底部标签

//代码不支持IE 因为IE对HTML5支持不好$("#file").change(function(event) { var file = $("#file")[0].files[0]PostFile(file,0) })function PostFile(file,i){var name = file.name,//文件名size = file.size,//总大小shardSize = 2 * 1024 * 1024,shardSize = 2 * 1024 * 1024,//以2MB为一个分片shardCount = Math.ceil(size / shardSize) //总片数if(i >= shardCount){return }//计算每一片的起始与结束位置var start = i * shardSize,end = Math.min(size, start + shardSize) //构造一个表单，FormData是HTML5新增的var form = new FormData() form.append("data", file.slice(start,end)) //slice方法用于切出文件的一部分form.append("lastModified", file.lastModified) //slice方法用于切出文件的一部分form.append("name", name) form.append("total", shardCount) //总片数form.append("index", i + 1) //当前是第几片 //Ajax提交$.ajax({url: "/test/AjaxFile",type: "POST",data: form,async: true,//异步processData: false, //很重要，告诉jquery不要对form进行处理contentType: false, //很重要，指定为false才能形成正确的Content-Typesuccess: function(data){if(data){i = data++ var num = Math.ceil(i*100 / shardCount) $("#output").text(num+'%') PostFile(file,i) }}}) }

排列。首先要排列的四张照片放置到同一个文件夹中并打开电脑中运行html的软件，其次点击界面中的文件编辑栏选择排列点击浮点排列，最后在d出的页面中点击四张图片并将排列行数设定为两行即可。

---