HTML

A collection of 12 posts

HTML

[观点] H5 是个好名字

好久没写文章了,以我的性格也并不想参与这些「口水战」,今天我决定挑战下自己,把水搅浑。 在国内,HTML5 被简称为 「H5」,这却引起了一些人的不满,他们绝大部分是开发人员。下面我们来看看简化的优缺点: 优点 便于沟通 首先,读起来顺口,而 H T M L 读完舌头都要打结了,你造一群人在会议室里影响唇枪舌战 PK 时这么口吃般的说话多影响气势不? 其次,方便与人交流,从 BOSS 到产品经理、PM、设计师,一提到「H5」,他们脑子里立马能浮现一打微信里的营销页面--没有版权的背景音乐、不知道什么时候能划到头的翻页(有时候你可以试试倒着划),你要知道以前跟他们讲明白前端、后端、PHP、数据库什么的是有多么困难! 有利于 HTML5 的普及

  • ytzong
    ytzong
Bug

Google Fonts 中文字体在 Safari 中的显示 Bug

Nginx 反向代理 Google Fonts 以便国内访问 Ghost 博客系统的默认皮肤使用了 Google Fonts,由于被墙,所以采用了 Nginx 反向代理的方法来让国内访问,fons.99css.com.conf 配置如下: upstream google { server fonts.googleapis.com:80; } upstream gstatic { server fonts.gstatic.com:80; } server { listen 80; server_name fonts.99css.com; valid_referers server_name

  • ytzong
    ytzong
HTML

HTML5 中的块级链接

英文叫做 “Block-level” links,我以为只有我厂那些鸟毛不知道,没想到不知道的还挺多,需要普及一下。 最近看了 kejun 的 PPT 前端开发理论热点面对面:从怎么看,到怎么做?,p21 引用了 10 HTML Tag Crimes You Really Shouldn’t Commit 中的一条: 很遗憾,Web 标准中处处充满了打脸行为,这条规则现在已经失效了!在那篇文章发布一个月后,HTML5doctor 发表了 “Block-level” links in HTML5,引述一下,就是原先你要这么写: <div class="story"

  • ytzong
    ytzong
HTML

IE8 X-UA-Compatible 失效?

现在维护的项目中使用了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > 来把IE8带入IE7标准,今天测试提出一个IE8下的小BUG,简单分析了一下,发现浏览器始终为IE8标准,并未切换到IE7标准(F12调出开发工具,文本模式自动勾选在IE8标准) 翻了下MSDN《定义文档兼容性》,里面有这么一句: X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前的标头(HEAD 节(可能为英文网页))中。 MSDN有机器翻译的传统,再看下英文版: The X-UA-compatible header is not case sensitive;

  • ytzong
    ytzong
HTML

Web标准中的特殊字符»

在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 : 任何小于号(<),不是标签的一部分,都必须被编码为& l t ;   任何大于号(>),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 注:以上字符之间无空格。 而在我们平时的工作中经常会遇到这种情况: 更多>> 国内的同行大多是写两个大于号&gt;&gt;或者干脆就写>>(更夸张的是有人为了追求和效果图完全一致的效果而单独对这里使用宋体),更合理的写法如下:

  • ytzong
    ytzong
HTML

用 HTML 5 来提升性能

Google 网站管理员 Jens Meiert 发表了一篇《Using HTML 5 for performance improvements》,大部分内容在《Reducing the file size of HTML documents》(中文版)中都有提及,新增的部分为async(和 defer),以下为该段的翻译: async 和 defer 使用在 script 元素上。 要解释为什么这些属性会提升性能,最好是看一下未使用时发生了什么 — 各自的脚本在用户代理(浏览器,下同)继续解析页面前将被提取并直接执行,有时这个行为是我们想要的,有时不是。 新的 async 属性允许各自的脚本在可用时异步执行。HTML 4

  • ytzong
    ytzong
HTML

[翻译]谨慎使用 Iframe

原文:Using Iframes Sparingly 原作者:Steve Souders 翻译:ytzong 使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用。它比创建其他 DOM 元素(包括 style 和 script)多耗费数十甚至数百倍的性能。增加100个不同元素的时间对比显示iframe 是多么耗费性能: 使用 iframe 的页面通常没有这么多 iframe,所以创建 DOM 的时间不用多虑。更值得关心的是 onload 事件和连接池。 iframe 阻塞 onload window 的 onload 事件尽快执行非常重要。这会让浏览器的载入进度指示器完成,用户依据此判断页面是否已经加载完。而 onload

  • ytzong
    ytzong