html2canvas官网地址：http://html2canvas.hertzen.com/github地址：https://github.com/niklasvh/html2canvas/从官网可以看出它的使用方法很容易：项目中的需求是需要将2张图片（1背景图+2生成的二维码）和1段文字（3店铺的名称）整体合成一张图片，看下面的图片应该有助于理解： 动态图如下： 我们可以看出，在使用过程中，需要合成图片的那段代码是隐藏的。这时，有个问题就是隐藏的代码是无法生成截图的。最开始是想从js下手，...
怎么样使模板页中的内容页生成HTML元素时name值不改变在net中使用了模板页，经常内容页生成的ID,和name值都会改变，看了网上资料在控件上加上属性 ClientIDMode="Static" ，ID的值就不会变化，但是name的值还是会变，如下：未加属性 <asp:Button ID="btnSave" runat="server" Text="Button" />页面的html <input type="submit" name="ctl00$ContentPlaceHolder1$btnSave" value="Button" id="ContentPlaceHolder1_btnSave" />加...
一：页面加载完成时，会执行jquery的方法（不需要等待图片加载完成，只要dom结构加载完成，就执行该方法）//第一种写法： $(document).ready(function() {// 执行体 });//第二种写法 $(function() {//执行体 }); View Code二：用jquery获取dom对象，判断该对象是否有内容的两种方法（有返回true，没有返回false）jqObj.text().trim()var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符...
<html><head><title> the page title name </title></head><body><h1 align = "center"></h1><p> sth</p><body></html> align设置位置<pre>预先格式化文本<br/>换行<hr/>一条直线<i>设置字体为斜体<u>设置字体有下划线<b>设置字体加粗<s>设置字体有删除线<sbp>幂的次方<sub>脚注<ol type = "1" start = "2">列表<li> list 1</li><li> list 2</li></ol>原文：http://www.cnblogs.com/qiuyunblogs/p/4516275.html
原文：http://www.cnblogs.com/xuemaxiongfeng/p/3705069.html
这段时间找实习看的眼花缭乱的，然后也被拒得落花流水，啊哈哈～还是写博客好玩儿～嘿嘿，下面正题一、doctype标准模式 (Full Standards Mode)接近标准模式 (Almost Standards Mode)混杂模式 (Quirks Mode)以上三种模式是浏览器在解析CSS时的三种工作模式，混杂模式是依据旧式的、非标准的CSS规则来渲染网页；标准模式则是遵循W3C标准去解析CSS的，接近标准模式与标准模式实际上差异并不大；关于Firefox中DTD与浏览器工作模式的详细...
本文主要帮助理解HTML5新增的article、section、aside、nav、time标签的使用场景。section表示页面上的区域，主要的目的是给文章分段等，section里必须包含标题。<section> <h1>标题</h1> <article>内容</article> </section>article表示页面上独立的区域，和section相比，article更注重自身的独立性。<article> <section><h1>标题</h1><p>内容</p> </section> </article>aside表示页面的附加内容，可以是文章的含义，链接等<artic...
今天對 <a href="#13"></a> 有點疑惑， 加上#表示一個錨，後面跟上13，就會跳到本頁面的13的位置，而這個13就是 Name屬性值。怎麼不 是ID值呢？？？所以查了下ID 和Name的區別，特記錄 最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>header/footer</title> <style type="text/css"> body{height: 708px} header{background: red;width: 100%;height: 10%} footer{background: red;width: 100%;height: 10%} #div0{width: 100%;height: 80%} #div1{width: 20%;height: 100%;float: left;background: #f0f0f0} #div2{width: 80%;height: ...
顶级、块级、内联,html元素的三大分类如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素.1. Top-level element 【顶级元素】: { html, body, frameset }包括html, body, frameset, 表现如Block-level element, 属于高级块级元素. 2. Block-level element 【块级元素】: { p, h1~h6, div, ul }顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div...
常用的行内元素要记住：a、span、img、input、lable、select、strong、textarea常用的块级元素要记住：div、h1~h6、dl、ul、ol例如在一个title中，有标题、有访问量、有更多，其中标题是用h4来控制，更多等是<a>链接，如果想要它们在一排，就要求设置h4的display:inline; 内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用...
方便布局表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下：1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可...
<form action=""> <!--专业： <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择，还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业：<input type="text" list="subjects"> <br> <!-...
使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性，都不能获得元素的真正位置与大小，这些属性取出来的都是原来的设置值，例如<table id="table1" width="500">，那么通过document.getElementByIdx_x("table1").width取出来的值永远都是500，而不管这个表格是否已经被撑大了；同时，通过document.getElementByIdx_x("table1").style.left获得的值是空的，因为没有设置这个值。要取得HTML元素的真...
HTML5<article>元素用来定义页面文档的独立内容。实例：<article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>这个页面是我开始用html5进行布局的。</p> <footer>article footer</footer> </article> 元素' ref='nofollo...