随笔分类 - HTML
摘要：HTML5新特性 HTML5是下一代HTML标准，是HTML最新的修订版本，2014年10月由万维网联盟W3C完成标准制定，HTML5将HTML从用于构造一个文档的一个简单标记，到一个完整的应用程序开发平台，HTML5还包括新元素和用于增强存储、多媒体和硬件访问的JavaScript APIs。 新
阅读全文
摘要：前端性能优化方案 前端资源比较庞大，包括HTML、CSS、JavaScript、Image、Flash、Media、Font、Doc等等，前端优化相对比较复杂，对于各种资源的优化都有不同的方式，按粒度大致可以分为两类，第一类是页面级别的优化，例如减小HTTP请求数、脚本的无阻塞加载、内联脚本的位置优
阅读全文
摘要：Canvas基础 HTML5中引入<canvas>标签，用于图形的绘制，<canvas>为图形的绘制提供了画布，是图形容器，具体的图形绘制由JavaScript来完成。 实例 <!-- 绘制冒泡效果 --> <!DOCTYPE html> <html> <head> <title>Canvas</t
阅读全文
摘要：使用三种方式实现轮播图功能，分别为js控制切换与动画，js控制切换与css控制动画，纯css实现轮播效果
阅读全文
摘要：HTML节点操作 HTML节点的基本操作，添加节点，替换节点，删除节点，绑定事件，访问子节点，访问父节点，访问兄弟节点。 文档对象模型Document Object Model，简称DOM，是W3C组织推荐的处理可扩展标记语言XML的标准编程接口，是一种与平台和语言无关的应用程序接口API。 根据W
阅读全文
摘要：iframe框架及优缺点 HTML5不再支持使用frame，关于frame与iframe的区别，可以参阅 iframe与frame的区别。 基本使用 src：规定在iframe中显示的文档的URL。 frameborder：规定是否显示框架周围的边框。 scrolling：规定是否在iframe中显
阅读全文
摘要：localStorage与sessionStorage localStorage和sessionStorage是HTML5提供的对于Web存储的解决方案。 相同点 都与HTTP无关，是HTML5提供的标准，当发起HTTP请求时不会与Cookie一样自动携带。 都是以键值对的形式存在，即Key-Val
阅读全文
摘要：Cookie与Session 会话跟踪是Web程序中常用的技术，HTTP协议是无状态的，确定用户身份就需要跟踪用户的整个会话。最常用的会话跟踪是使用Cookie与Session，简单来说Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 Cookie 由
阅读全文
摘要：HTML语义化 语义化可以总结为 根据内容选择标签，用最恰当的标签来标记内容。 例如网页中的标题使用<h1>~<h6>这样的标签，而不是使用<div>+css。 语义化好处 使HTML结构变得清晰，有利于维护代码和添加样式。 通常语义化HTML会使代码变的更少，使页面加载更快。 即使在没有CSS样式
阅读全文
摘要：DOCTYPE DOCTYPE是document type(文档类型)的简写，在web设计中用来说明使用的XHTML或者HTML是什么版本。 HTML5 不基于 SGML，所以不需要引用 DTD。 <!DOCTYPE html>声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!
阅读全文
