一、WebStorage简介HTML5支持WebStorage，开发者可以为应用创建本地存储，存储一些有用的信息。例如LocalStorage可以长期存储，而且存放空间很大，一般是5M，极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。二、攻击方式LocalStorage的API都是通过Javascript提供的，这样攻击者可以通过XSS攻击窃取信息，例如用户token或者资料。攻击者可以用下面的脚本遍历本...
W3School介绍：http://www.w3school.com.cn/html5/html5_meta.asp meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），...
在传统的html中，某个文件的下载，是这样的： XML/HTML Code复制内容到剪贴板<a href="=/files/abc1234564545.pdf">report</a> 而在HTML 5浏览器中，可以支持download属性了，如下： XML/HTML Code复制内容到剪贴板<a href="=/files/abc1234564545.pdf" download="abc">report</a> download属性的好处在于，在用户下载文件的时候，显示在用户浏览器 中的“另存”为的文件显示框中，显示的是这个downloader属性中显示的 东西了...
先说基础，HTML标签有两类： 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省的它的容器的100%，除非设定一个宽度。 功能：主要用来搭建网站构架、页面布局、承载内容。 2、行内元素 span、a、abbr、acronym、b、bdo、big、br、...
我的是：<!DOCTYPE html>博客园：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">关于HTML文档类型参考：http://i.wanz.im/2010/05/28/why_doctype_html/检查发现JS在获取当前页面可视大小，和页面滚动位置有差别！在页面包含一个2000*2000的DIV是IE和Chrome在不同HTML文档类型测试整理数据如下：标准：<!DOCTYPE html>特殊：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">当HTML中未添加HTM...
HTML中META属性详解 meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：
＜head＞ ＜meta http-equiv= "content-Type " content=
"text/html; charset=gb2312 "＞ ＜/head＞
也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。
一、meta标...
Window -- 代表浏览器中一个打开的窗口：对象属性window //窗口自身window.self //引用本窗户window=window.selfwindow.name //为窗口命名window.defaultStatus //设定窗户状态栏信息window.location //URL地址，配备布置这个属性可以打开新的页面对象方法window.alert("text") //提示信息会话框window.confirm("text") //确认会话框window.prompt("text") //要求键盘输入会话框window.setIntervel("action",time) //每一隔指定的时...
原文 https://www.jianshu.com/p/b427daa8663d大纲 1、认识表单 2、认识表单元素 3、表单元素的分类 4、表单元素——文本框 5、表单元素button 6、表单元素——单选、多选 7、表单元素——select 8、表单元素——textarea 9、推荐1、认识表单 1、在一个页面上可以有多个form表单，但是向web服务器提交表单的时候，一次只可以提交一个表单。 2、要声明一个表单，只需要使用form标记来标明表单的...
php 去除html标记--strip_tags与htmlspecialchars的区别详解作者： 字体：[增加 减小] 类型：转载 时间：2013-06-26 本篇文章是对php中去除html标记以及strip_tags与htmlspecialchars的区别进行了详细的分析介绍，需要的朋友参考下 strip_tags 去掉 HTML 及 PHP 的标记。 语法: string strip_tags(string str); 传回值: 字串 函式种类: 资料处理 内容说明 本函式可去掉字串中包含的任何 HTML 及 PHP 的标记字串...
该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：<marquee></marquee>以下是一个最简单的例子：代码如下:<marquee><font size=+3 color=red>Hello, World</font></marquee> 下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()"：用来设置鼠标移入该区域...
1 name=viewport<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
1、width
:控制viewport的大小，可以指定一个值，如600，
或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素） 2、height
:和width相对应，指定高度 3、initial-scale
:初始缩放比例，页面第一次加载时的缩放比例 4、maximum-scale
:允许用户缩放到的最大比...
一、从SOP到CORSSOP就是Same Origin Policy同源策略，指一个域的文档或脚本，不能获取或修改另一个域的文档的属性。也就是Ajax不能跨域访问，我们之前的Web资源访问的根本策略都是建立在SOP上的。它导致很多web开发者很痛苦，后来搞出很多跨域方案，比如JSONP和flash socket。如下图所示：后来出现了CORS-CrossOrigin Resources Sharing，也即跨源资源共享，它定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。它是一个...
下面罗列了方法详解，每一个方法一篇文章。 Kooboo CMS - @Html.FrontHtml().HtmlTitle() 详解 Kooboo CMS - Html.FrontHtml.Position 详解 Kooboo CMS - @Html.FrontHtml().Meta()详解 原文：http://www.cnblogs.com/kmsfan/p/Kooboo-CMS-Html-FrontHtml.html
div和span的区别div:div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。Span:
span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样式。div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。比如：代码：<html><head><title>div...
随便打开一个网页，右击查看网页源代码，总能看到<head>…</head>封闭标签，在里面通常会包含5类标签：title、link、script、meta、style。这5类标签看着都挺熟悉的哈，那么在web前端技术中具体要怎么使用，规则是什么，在我学习的时侯，我做了笔记整理，希望有帮助。 1. title 标签 title是一个封闭标签，在head中是成对出现。也就是<title>…</title>。在打开一个网页时，网页上方的文字就是title部分。 Title是对整个...
很多人对盒子模型搞晕头了，下面通过一个简单的代码来分析盒子模型的结构！