其实说实话，你来这里求助也不会有人帮你编码的，因为做至少也要一个小时。而且如果是有偿就会有人帮你做。希望我的回答可以帮到你，有什么不懂可以追问。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、网站空间、营销软件、网站建设、忻府网站维护、网站推广。
)，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。
经纬度有相差那个是正常的，用户用浏览打开时定位的IP不是用户本身电脑的IP，而是公网出口的IP.简单的说，你用电信上网，那用IP定位到的可能是你附近的某个电信大楼。
sublimetext是所有编辑器里边支持emmet比较好的的唯一一款。webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
如果你是需要写代码实现的话，要学习，HTML，css，这些基础，了解网页的布局和前端的样式；但如果你只是想实现这个网页的效果，使用epub360或coolsite360都可以 可视化的制作出来，完全不需要代码，像ppt一样制作H5网页。
请注意您的CSS代码中，将article标签进行了定义。
Html5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素4大类。
新增的元素有绘画 canvas ，用于媒介回放的 video 和 audio 元素，本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失，而sessionStorage的数据在浏览器关闭后自动删除，此外，还新增了以下的几大类元素。
废除的元素：能用css代替的元素 ，basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。不再使用frame框架。frameset、frame、noframes。
废除的元素\x0d\x0a \x0d\x0a能用css代替的元素 \x0d\x0abasefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。
废除的大部分是网页美化方面的标签，例如：big、u、font、basefont、center、s、tt。对frame框架，不能使用。
html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
一，创建HTML5文件：如果还没想好要使用哪一个，可以复制下面的代码：在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。
data-*里存储的内容可以使用JavaScript语言直接读取。相比不用data-*自定义属性更容易读取和存储。
Html5 data-* 属性定义和用法：data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
1、这种方法有点新意，用这种方法你需要在居中元素前面放一个空的div(块元素就可以)，然后设置这个div的高度为50%，margin-bottom为元素高度的一半，而且居中元素需要清除浮动。
2、新建一个html5文件。创建一个宽度为300px，三行四列的表格并写入内容。
3、margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
4、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的style标签中，输入css代码：table {margin： auto}。浏览器运行index.html页面，此时table在div中成功居中显示了。
5、文字居中的话，用text-align：center可以实现。
6、不能，滚动条例如IE是不完美支持的，所以不要想能去让其居中。
修改的就是那些top之类的，如下所示：从第一个变成第二个。。
打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接：#。然后保存该网页文件。点击 窗口-行为 菜单，打开行为面板。
使用css中的绝对定位，设置定位参数。详解如下：对左侧导航设置绝对定位。设置相应的距离网页顶部固定距离。你的左侧导航会随着滚动条向下滑动，并与顶部保持一定距离。
我个人觉得，你写的好麻烦，我这样写的，可能跟你想要的不一样。你试试看。
不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。
float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position： absolute）的使用，也要非常小心。
1、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
2、新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
3、HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。
4、IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。
5、CSS3视觉设计师的辅助利器的支持。CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。html5调用手机摄像头和手机相册、通讯录等功能。
6、表单控件，calendar、date、time、email、url、search。css3的新特征：选择器。和透明度。 多栏布局。 多背景图。Word Wrap。 文字阴影。@font-face属性。圆角(边框半径)。边框图片。
