北京web前端培训班 - html5前端开发http://www.35ui.cn/web前端培训机构 - RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CN北京web前端外包开发公司Thu, 30 Apr 2026 04:50:33 +0800html5语义化标签好处04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20200503837.htmlSun, 29 Mar 2020 16:28:36 +0800http://www.35ui.cn/post/20200503837.html     距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是仍有部分用户使用在使用低版本浏览器。

     HTML5新增的语义化标签主要有：<article>、<section>、<nav>、<aside>、<header>、<footer>、<time>等等...
...
]]>html5前端开发http://www.35ui.cn/post/20200503837.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2563http://www.35ui.cn/cmd.asp?act=tb&id=2563&key=5052ceb8WebSocket WebSocket API的用法04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20171221280.htmlThu, 21 Dec 2017 21:31:13 +0800http://www.35ui.cn/post/20171221280.html 认识HTML5的WebSocket

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。
 
...]]>html5前端开发http://www.35ui.cn/post/20171221280.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2531http://www.35ui.cn/cmd.asp?act=tb&id=2531&key=9581a0b3html5 history 阻止浏览器后退04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20170809632.htmlWed, 09 Aug 2017 14:04:34 +0800http://www.35ui.cn/post/20170809632.htmlhistory.pushState(null, null, window.location.href)

window.onpopstate = function (event) {
       history.go(1)
}
]]>html5前端开发http://www.35ui.cn/post/20170809632.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2517http://www.35ui.cn/cmd.asp?act=tb&id=2517&key=e8ab59db 什么是WebSocket API?认识HTML5的WebSocket 04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20170106425.htmlFri, 06 Jan 2017 18:22:45 +0800http://www.35ui.cn/post/20170106425.html 认识HTML5的WebSocket

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。
 

...

]]>html5前端开发http://www.35ui.cn/post/20170106425.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2484http://www.35ui.cn/cmd.asp?act=tb&id=2484&key=f2b8e17c新HTML5 标签全部总汇04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20170104973.htmlWed, 04 Jan 2017 18:21:25 +0800http://www.35ui.cn/post/20170104973.html <article> 标签定义外部的内容（外部内容如blog,news）。　　　　　　

使用后感觉和P差不多，语义化的标签。

...]]>html5前端开发http://www.35ui.cn/post/20170104973.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2480http://www.35ui.cn/cmd.asp?act=tb&id=2480&key=57692087前端开发html5 meta标签详解04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20161222696.htmlThu, 22 Dec 2016 10:35:02 +0800http://www.35ui.cn/post/20161222696.html meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。 http-equiv 属性的 Content-Type 值（显示字符集的设定） 设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。 <meta http-equiv="Content-

]]>html5前端开发http://www.35ui.cn/post/20161222696.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2472http://www.35ui.cn/cmd.asp?act=tb&id=2472&key=bc589891html5手机移动端WEB资源整合 移动前端头部标签(HTML5 head meta)04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20160822389.htmlMon, 22 Aug 2016 22:16:34 +0800http://www.35ui.cn/post/20160822389.html H5页面窗口自动调整到设备宽度，并禁止用户缩放页面

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
...]]>html5前端开发http://www.35ui.cn/post/20160822389.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2443http://www.35ui.cn/cmd.asp?act=tb&id=2443&key=ec490dcbhtml5自适应代码| html5 手机自适应代码04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20160822749.htmlMon, 22 Aug 2016 00:17:30 +0800http://www.35ui.cn/post/20160822749.html 方案一：元素的宽高用rem来定义

 
(function () {
    document.addEventListener('DOMContentLoaded', function () {
...]]>html5前端开发http://www.35ui.cn/post/20160822749.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2442http://www.35ui.cn/cmd.asp?act=tb&id=2442&key=6e4636c2cookie总结以及html5中的session比较04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20160822942.htmlMon, 22 Aug 2016 00:09:02 +0800http://www.35ui.cn/post/20160822942.html cookie的基本用法

 
cookie的特性：
同一个网站中所有页面共享一套cookie，完全存放在客户端；
数量，大小有限；
过期时间；（保质期）,如果不设置时间，过期时间是会话结束的时间,
...]]>html5前端开发http://www.35ui.cn/post/20160822942.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2441http://www.35ui.cn/cmd.asp?act=tb&id=2441&key=28d14b13HTML5触摸事件(touchstart、touchmove和touchend)04xiaoming@163.com (xiaoming)http://www.35ui.cn/post/20160821374.htmlSun, 21 Aug 2016 23:20:39 +0800http://www.35ui.cn/post/20160821374.html touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。

 
touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。
 
touchend事件：当手指从屏幕上离开的时候触发。
 
touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测了。
...]]>html5前端开发http://www.35ui.cn/post/20160821374.html#commenthttp://www.35ui.cn/http://www.35ui.cn/feed.asp?cmt=2439http://www.35ui.cn/cmd.asp?act=tb&id=2439&key=b9717356