标签： html
别忘了这些能让 HTML 正常工作的标签
我观看了Alex Petros的演讲，其中有一张幻灯片标题为“让HTML正确运行的咒语”。这让我开始思考那些为确保网站在浏览器中正常运行而必须添加的基础HTML片段
使用 setHTML() 方法消毒HTML
Element接口的 setHTML() 方法提供了一种解析和清理HTML字符串的安全方法，可生成DocumentFragment 接口的 setHTML() 方法提供了一种跨站脚本安全的解析方式，可将 HTML 字符串转换为 DocumentFragment，并将其作为子树插入元素的 DOM 中。
HTML <template>：内容模板元素
<template> HTML 元素作为存储 HTML 片段的机制，这些片段可通过 JavaScript 稍后调用，或立即生成至shadow DOM 中。
什么是 popover=hint？HTML 新型弹出窗口
popover=“hint” 允许你在不关闭堆栈中其他弹出窗口的情况下，打开一个与之无关的 hint 弹出窗口。这意味着你可以让现有 auto 弹出窗口堆栈保持打开状态，同时显示一个 hint 弹出窗口
href 属性可以使用的几种值
我之前曾撰文介绍过如何仅使用 HTML 重新加载文档，但这让我开始思考： href 属性可以包含哪些值？
HTML 规范变更：对属性中的 < 和 > 进行转义
此更改仅修改了在序列化过程中将 HTML 片段转换回字符串表示的方式。影响仅限于访问 innerHTML 或 outerHTML 属性或对元素调用 getHTML() 方法的情况。这些操作会采用现有的 DOM 结构，并生成文本 HTML 表示法。
现在可以使用 CSS 自定义 < select > 元素
Chrome 是第一个实现 base-select 的浏览器，但每款浏览器都参与了规范的制定，并且还有更多“基础”元素尚未完成。这只是一个开始。
HTML 里 textarea 替代：可编辑内容的 “plaintext-only”属性
该HTML 特性现已在所有三个主要浏览器引擎中提供，并于 2025 年 3 月 4 日成为基线新功能。
HTML代码里的命令：command 和 commandfor
借助 command 和 commandfor 属性，按钮现在可以声明式地对其他元素执行操作，从而实现框架的人体工学设计，而不会牺牲灵活性。commandfor 按钮接受 ID（类似于 for 属性），而 command 接受内置值，从而实现更便携、更直观的方法。
为什么 target=”_blank” 前面有下划线？
有没有想过为什么需要在 target=”_blank” 中加上下划线才能在新标签页中打开链接？
HTML行为属于HTML
在我看来，这是完全错误的。在这一点上，新手们是对的。MDN 是一个巨大的资源，我理解他们推荐第二种形式的原因
趣图：HTML and CSS
CSS的作用 《权利的游戏》剧照
HTML 规范未来还需要哪些新内容？
HTML5 规范在 2014 年正式发布。时至今日，虽然这一规范已经引入了许多新的 API、功能和改进，但许多开发人员已经在展望下一代 HTML 规范了。
HTML5 video视频播放Picture-in-Picture画中画技术
Chrome 70已经原生支持HTML5
你或许从未听说过的15个HTML元素方法
本文首先将为初学者介绍 HTML 与 DOM 的基本常识，随后为大家介绍15个比较冷门的 HTML 元素的方法。
HTML img tag 的进化：不是 GIF 动图，胜过 GIF 动图
GIF 确实很好，但是却有着严重的图像质量损失和性能损耗。以
前端技术展示：一百种时钟
这里有100种使用css+js+html制作的时钟钟表手表等，有不少是使用纯css3或HTML5开发出来的，有些是使用SVG，JavaScript等技术制作的。
HTML5中37个最重要的技术点
HTML5中37个最重要的技术点
HTML5中常见的几种错误用法
section元素表示的是内容中用来帮助构建文档概要的语义部分。它应该包含一个头部。如果你想找一个用作页面容器的元素(就像HTML或者XHTML的风格)，那么考虑如Kroc Camen所说，直接把样式写到body元素上吧。如果你仍然需要额外的样式容器，还是继续使用div吧。
用HTML5实现全套股票行情图
这 个K线图和flash实现的K线图非常接近，滑块控制是实现的难点，这里是根据滑块滑动的位置计算k线数据的范围，并实时重画，事实证明html5 canvas标签的性能还是相当的好的，在PC机上每秒可以重画20次以上，而在iPad上每秒可以重画10次左右
讲一讲HTML5里的Canvas究竟是个啥
乎其中的 Canvas 现在并没有在太多的地方用到。一个很重要的原因是，Canvas 的标准还没有完全确定，不适合大规模用在生产环境。但是，Canvas 的优点也是很明显的，例如在绘制含有大量元素的图表的时候，SVG 往往因为性能问题而无法胜任，例如我见过的一次技术分享会的抽奖环节，虽然效果比较炫，但因为每个头像都是 DOM，利用 CSS3 控制的动画，导致了性能非常低下。此外，随着硬件性能的提高，视频截图、图像处理等功能也逐渐可以在网页上实现了，大多数网站用的是 Flash，但是 Flash 在 Mac 电脑上性能不高，还需要学一些额外的知识。Canvas 则是直接使用 JavaScript 来进行绘图，对 Mac 友好，所以不失为 Flash 的一个继承者。
苹果的Safari已成为新的IE
现在 Safari 的状态和当时的 IE 非常相似，几乎也成了 HTML5 标准的公敌。
让Flash内心崩溃的HTML5小历史
对于HTML5，在今天这个互联网时代，大部分人应该至少都听说过这个名字，或许很多人对HTML5的了解都起于一句话：FLASH杀手。
独立开发者：详解3天完成的手游研发过程
首先，这款游戏是 3 天做出来的，如果你不擅长的话，可能很难理解。需要先说明的是，这个博客不是教大家如何编程、如何使用 Unity，也不是教大家如何使用 Photoshop 或者 Illustrator 的。
如何选择 HTML5 游戏引擎
原生手游市场已是红海，腾讯、网易等寡头独霸天下，H5游戏市场或将成为下一个风口。据笔者所知，很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折。如何选择适合团队和项目的引擎，笔者通过学习和项目实践，总结微薄经验，供大家参考，非技术人员也可以将本篇内容作为引擎选择的重要关注点。
