我们先来看一下这么样一个表单：一、一步一步来分析下代码：1<form id="redemption" method="post">2<hgroup>3<h1>Oscar Redemption</h1>4<h2>Here‘s your chance to set the record straight: tell us what 5 year the wrong film got nominated, and which film <b>should</b>6 have received a nod...</h2>7</hgroup>8<!--后面的代码-->9</form>hgroup标签：用来将h1...h6标题标签进行分组这部分代码很简单，不过多分析，我们把...
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶 段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet ap...
第一种办法：就是不要include html页面，改成include jsp页面第二种办法：为被包含的html文件也在第一行添加如jsp一样的指令<%@ page lanage="java" pageEncoding="UTF-8" contentType="text/html;UTF-8" %>第三种办法：在web.xml中通过配置来告诉web应用，所有html文件输出时都采用UTF-8的编码，配置内容如下：<jsp-config><jsp-property-group><url-pattern>*.html</url-pattern><page-encoding>UTF-8</page-encoding></jsp-prop...
通常我们需要让自己的网页内容能够更好的适配各种屏幕大小，会采用height：100%，但是我们发现问题出来了，height：100%无效，其实解决办法很简单 解决：你只需要在css处添加上html, body{ margin:0; height:100%; }即可。原因：你让div的height="100%"，执行网页时，css先执行到，而整个网页中的内容还没有完全载入，是获取不到div外面的<body>等的高度的，所以height="100%"也就不能如愿显示了。加上 body{height:100...
一、需求我们在开发中经常会遇到一些枚举，而且这些枚举类型可能会在表单中的下拉中，或者单选按钮中会用到等。 这样用是没问题的，但是用过的人都知道一个问题，就是枚举的命名问题，当然有很多人枚举直接中文命名，我是不推荐这种命名规则，因为实在不够友好。那有没有可以不用中文命名，而且可以显示中文的方法呢。答案是肯定的。 二、特性解决枚举命名问题那就是用特性解决命名问题，这样的话既可以枚举用英文命名，显示又可以...
HTML文件乱码一般是因为编码格式不匹配造成的，比如：不同编码内容混杂、浏览器不能自动检测网页编码等等；但无论是哪种情况造成乱码，在HTML文件头中设置网页编码，匹配好编码格式就可。下面是一个中文乱码的html：<!DOCTYPE html> <html><body><h1>标题</h1><p>这是一段测试文本！</p></body> </html> 效果图：HTML中的编码方式有三个：gb2312，gbk，utf-8；现在大部分浏览器默认编码的是utf-8。我们只需要把HTML编码方式设置为u...
实现如下：server { listen 80; listen 443 ssl; server_name nirvana.test-a.gogen; ssl_certificate /etc/nginx/ssl/nirvana.test-a.gogen.crt; ssl_certificate_key /etc/nginx/ssl/nirvana.test-a.gogen.key; proxy_connect_timeout 600; proxy_read_timeout 600; proxy_send_timeout 600; client_max_body_size 10m; #error_page 405 =200 /ding/face_matching.html; location ...
由于html5的一些新标签在低版本的IE浏览器上不能识别，下面介绍一种解决此兼容问题的方法。使用Google的html5shiv包1 <!--[if lt IE9]> 2 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 3 <![endif]-->使用此方法需要初始化标签的CSS，因为html5默认情况下在IE低版本浏览器下表现为内联元素，我们需要把这些元素转化为块状元素方便布局。article,aside,footer,header,section,footer,nav,figure,m...
下面我们来共同学习一下一、传统的方法复制代码代码如下:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="<a href="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0</a>" width="550" height="400" id="Untitled-1" align="middle"> <param name="allowScriptAccess" v...
注：本文是基于手机端 Hybrid APP 讨论，而不是普通的PC端网页 >> 之前的页面跳转方式：比如有这两个页面：A.html B.html, A B 是纯HTML实现，没有采用其他UI框架A-->B 的跳转方式为 location.href="B.html"; 效果：闪屏刷新，用户体验太差 目前的实现方式：定义一个母页面里面包含两个iframe用来加载A、B等html页面： _ghost.html:html:js: 母页面初始化的时候获取手机屏幕宽高度给iframe,并且给第一个iframe设置内容页面切换方...
一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息...
一、问题域 Nginx、LVS、Keepalived、F5、DNS轮询，往往讨论的是接入层的这样几个问题： 1）可用性：任何一台机器挂了，服务受不受影响 2）扩展性：能否通过增加机器，扩充系统的性能 3）反向代理+负载均衡：请求是否均匀分摊到后端的操作单元执行 二、上面那些名词都是什么概念 1）Nginx：一个高性能的Web-Server和实施反向代理的软件 2）LVS：Linux Virtual Server，使用集群技术，实现在Linux操作系统层面的一个高性能、高可用、...
简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。 使用缓存接口可为您的应用带来以下三个优势： 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源，因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。 应用缓存（又称 ...
1、用两张背景重叠制作圆角DIV 让ID为bg的做个背景，背景向右对齐，向左延伸。 然后让ID为bg_left的浮动在左边，宽度BG的。 bg_left的背景就是左边的圆角向右延伸，但宽度小于bg，bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。 2、用图片制作DIV圆角4个方向 先把一个DIV分为 上中下 3个部分 3个宽度都一样。 上面做3个DIV 左边用一个...
不?嗦，直接说方法吧：在更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js例：<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键，每次改一下即可不过这个可能是以带参数的形式引用，不知道在引用js的时候，会不会有一些参数方面的困扰，尚未测试ps：最后吐槽下微信的浏览器，其缓存之严重，真是前所未见！