自 H5 诞生以来，在 html4.0 中有些元素已被 H5 废弃，但是在 H5 中添加了很多新元素以及功能，今天我们学习 H5 中新增的元素和属性都有哪些？新增语义结构标签标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。<command>定义命令按钮，比如单选按钮、复选框或按钮<details>用于描述文档或文档某个部分的细节<dialog>定义对话框，比如提示框<sum...
初学者须知我们来讨论html和DOM之间的区别。显然，一个普通<table>元素就是html。您可以在.html的文件中使用它。它有一组属性影响它的外观和行为方式。这就是html，不过它与JavaScript无关。DOM是将JavaScript代码与文档中的html元素相关联的内容，因此您可以与对象等元素进行交互。它是一个文档到对象模型.html中的每种类型的元素都有自己的DOM“接口”，用于定义属性（通常映射到html元素上的属性）和方法。例如，<table>有一个名...
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换： (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-block;转换为行内块状元素 1<!DOCTYPE html> 2<html> 3 4<head> 5<meta charset="utf-8"/> 6<title>测试案例</title> 7<style type="text/css"> 8 span { 9 ...
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中每个提交按钮都可...