1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；...
第17章 与背景和边框相关的样式与背景相关的新增属性background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在Firefox浏览器需要加“-moz-” Safari浏览器需要加“-webkit-”background-clip的值有border（背景范围包括边框区域）和padding（背景范围包括padding区域，不包括边框）“-webkit-”...
1 <html>2 <head>3 <title>jQuery获取自身HTML</title>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5 <meta http-equiv="Content-Language" content="zh-CN" />6 <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script>7 </head>8 <body>9 <div class="aa" style="border:1px solid #ABC;width:200px;text-align:center;">点击获...
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，html5的标准规范终于制定完成。这是互联网的一次重大变革，这也许是一个时代的来临！总结一些h5新增的语义化标签，记录下来方便自己学习及使用：1、<header></header> 页眉：主要用于页面的头部的信息介绍，也可用于板块头部；2、<hgroup></hgroup> 页面上的一个标题组合：一个标题和一个子标题，或者标语的组合；3、<nav></nav> 导航：包含链接的一个列表；4、<section> ...
要过年了，过年想到的就是放烟火啦。。。。于是就用canvas写了个放烟火的效果，鼠标点击也会产生烟火，不过不要产生太多烟火哦，一个烟火散出的粒子是30到200个之间，当页面上的粒子数量达到一定的时候，页面就会很卡咯，我也没特意去优化神马的。以后有空再说吧。 直接上DEMO吧：放烟火 原理很简单。。。就写一个烟火类以及碎屑类，实例化后让它飞起来，然后到达某个点后，把这个烟火对象的dead属性置为true，然后再实例化...
<script type="text/javascript">function $(id) {return document.getElementById(id);}function textToImg() {var len = $(‘len‘).value ||30;var i =0;var fontSize = $(‘fontSize‘).value ||15;var fontWeight = $(‘fontWeight‘).value ||‘normal‘;var txt = $("txt").value;var canvas = $(‘canvas‘);if (txt ==‘‘) {alert(‘请输入文字！‘);$("txt").focus();}if (len > txt.length) {len = txt.length;}canvas...
积累与应用 - html1.判断IE版本并使用不同的样式表 语法：<!--[if 判断符 IE的版本号] <link rel="stylesheet" href="A.css" /> <![endif]--> 判断符： lt - 小于 gt - 大于 lte - 小于等于 gte - 大于等于 IE版本号：IE 6（5.5000|7|8|9|10） 所有的IE都起作用：<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css/> <![endif]--> IE以外的浏览器起作用：<!--[if !IE]><!--> <link...
<!doctype html> <html> <head><meta charset="utf-8"></head><body><DIV id="CountMsg" class="HotDate"><span id="t_d">00天</span><span id="t_h">00时</span><span id="t_m">00分</span><span id="t_s">00秒</span> </DIV> <script type="text/javascript">function getRTime(){var EndTime= new Date('2014/10/23 10:00:00'); //截止时间 前端路上 http://www.51xuediannao.com/qd63/var NowTime = new Date();var t =EndTime...
目前大部分新型浏览器器实现了HTML5 Canvas 原声的绘图API，但只支持2D渲染环境，这里创建一个空白的画布元素<canvas width="500" height="500"></canvas> IE9一下的IE浏览器不支持画布元素，在这些浏览器上，我们有两个选择：1、当浏览器不支持画布时显示提示，可能是一段提醒用户升级浏览器的文案，画布的innerHTML就是画布的提示信息。2、使用ExplorerCanvas脚本兼容老版本的IE浏览器，不过有弊病，脚本文件比较大（99KB），而且...
一、HTML5概要1.1、为什么需要HTML5HTML4陈旧不能满足日益发展的互联网需要，特别是移动互联网。为了增强浏览器功能Flash被广泛使用，但安全与稳定堪忧，不适合在移动端使用（耗电、触摸、不开放）。HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖，让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年，HTML的变化很小，这并不符合一个好产品的演进规则。...
我们知道在用图片作为背景的时候，css要这样写，以div容器举例子，也可以是body、td、p等的背景，道理一样。代码：div{ background:#FFF url(image) no-repeat fixed x y;}这里的background的属性值依次为：#FFF 背景色：（颜色值，背景图片没有覆盖的地方，或者没有背景图片时表现的背景色）image 背景图片：（这里是图片的地址）no-repeat 是否重复：（图片小于容器的大小时，默认会重复排列图片以填满容器，no-repeat表示不重复...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style> .div1{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; bottom: 0;} .div3{width: 500px; height: 600px; background: yellow; font-size: 22px; position: absolute; left: 600px;} li{display: block; width: 50px; height: 50px; background: red; margin-top: 10px;} </style> <script>window....
html格式转化为TextView支持的SpannedSpanned spanned = Html.fromHtml(html, getter, new MessageTagHandler());html：html的字符串getter（ImageGetter）：图片的转换器publicabstractstaticinterface android.text.Html$ImageGetter {publicabstract android.graphics.drawable.Drawable getDrawable(java.lang.String arg0);}ImageGetter imgGetter = new Html.ImageGetter() {@Overridepublic Drawable getDrawable(String so...
原文：https://www.cnblogs.com/Answer1215/p/8552677.html
html导出excel数据1、controller/** * 导出数据 * @return * @throws IOException */ @GetMapping(value = "group/exportGroup") public ResponseEntity<byte[]> exportGroup() throws IOException { Workbook workbook = groupService.exportGroup(); ByteArrayOutputStream os = new ByteArrayOutputStream(); workbook.write(os); byte[] bytes = os.toByteArray(); ...