卢比符号如下，并非所有浏览器都支持：₹要在网页上显示它，也可以使用以下方法：₹

使用 `display: inline-flex` 使 flex div 的宽度适应内容：
#box {
   display: inline-flex;
   flex-direction: row;
   flex-wrap: wrap;
   max-width: 200px;
   padding: 10px;
   margin: 20px;
   background-color: blue;
}

要更新 HTML5 canvas 矩形在悬停时，请尝试运行以下代码：
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.rect(20,20,150,100);
context.stroke();
$(canvas).hover(function(e){
   context.fillStyle = "blue";
   context.fill();
});

FabricJS 有以下更改对象 z-index 的 API 方法：
canvas.sendBackwards(myObject)
canvas.sendToBack(myObject)
canvas.bringForward(myObject)
canvas.bringToFront(myObject)
你也可以使用：
fabric.Canvas.prototype.orderObjects = function(compare) {
   this._objects.sort(compare);
   this.renderAll();
}

字节顺序标记 (BOM) 由数据流开头的字符代码 U+FEFF 组成，它可以用作定义字节顺序和编码形式的签名，主要用于未标记的纯文本文件。许多 Windows 程序（包括 Windows 记事本）会在以 UTF-8 方式保存的任何文档开头添加字节 0xEF、0xBB、0xBF。这是 Unicode 字节顺序标记 (BOM) 的 UTF-8 编码，通常称为 UTF-8 BOM，尽管它与字节顺序无关。对于 HTML5 文档，您可以使用 Unicode 字节顺序标记 (BOM) 字符 ... 阅读更多

设计你的网页，将你的网页内容放在多个页面上。你可以将你的内容放在中间列，你可以使用左列来使用菜单，右列可以用来放置广告或其他内容。示例 三列 HTML 布局 主菜单 HTML PHP PERL... 技术和管理教程 右菜单 HTML PHP PERL...

一些字符在 HTML 中是保留的，它们在 HTML 文档中使用时具有特殊含义。例如，你不能在 HTML 文本中使用大于和小于号或尖括号，因为浏览器会对它们进行不同的处理，并尝试得出与 HTML 标签相关的含义。HTML 处理器必须支持下表中列出的以下五个特殊字符。符号描述实体名称数字代码 "双引号" '撇号' &和号& >大于号>

以下是 Modernizr 可以检测到的功能列表：功能CSS 属性JavaScript 检查@font-face.fontfaceModernizr.fontfaceCanvas.canvasModernizr.canvasCanvas Text.canvastextModernizr.canvastextHTML5 Audio.audioModernizr.audioHTML5 音频格式NAModernizr.audio[format]HTML5 Video.videoModernizr.videoHTML5 视频格式NAModernizr.video[format]rgba().rgbaModernizr.rgbahsla().hslaModernizr.hslaborder-image.borderimageModernizr.borderimageborder-radius.borderradiusModernizr.borderradiusbox-shadow.boxshadowModernizr.boxshadowMultiple backgrounds.multiplebgsModernizr.multiplebgsOpacity.opacityModernizr.opacityCSS Animations.cssanimationsModernizr.cssanimationsCSS Columns.csscolumnsModernizr.csscolumnsCSS Gradients.cssgradientsModernizr.cssgradientsCSS Reflections.cssreflectionsModernizr.cssreflectionsCSS 2D Transforms.csstransformsModernizr.csstransformsCSS 3D Transforms.csstransforms3dModernizr.csstransforms3dCSS Transitions.csstransitionsModernizr.csstransitionsGeolocation API.geolocationModernizr.geolocationInput TypesNAModernizr.inputtypes[type]Input AttributesNAModernizr.input[attribute]localStorage.localstorageModernizr.localstoragesessionStorage.sessionstorageModernizr.sessionstorageWeb Workers.webworkersModernizr.webworkersapplicationCache.applicationcacheModernizr.applicationcacheSVG.svgModernizr.svgSVG Clip Paths.svgclippathsModernizr.svgclippathsSMIL.smilModernizr.smilWeb SQL Database.websqldatabaseModernizr.websqldatabaseIndexedDB.indexeddbModernizr.indexeddbWeb Sockets.websocketsModernizr.websocketsHashchange Event.hashchangeModernizr.hashchangeHistory Management.historymanagementModernizr.historymanagementDrag and Drop.draganddropModernizr.draganddropCross-window Messaging.crosswindowmessagingModernizr.crosswindowmessagingaddTest() Plugin APINAModernizr.addTest(str, fn)阅读更多

跨源资源共享 (CORS) 是一种机制，允许在 Web 浏览器中使用来自另一个域的受限资源。例如，如果您点击 html5 演示部分中的 HTML5 视频播放器。它会询问相机权限。如果用户允许权限，则只会打开相机，否则不会为 Web 应用程序打开相机。以下是 CORS 中事件处理程序的示例：
xhr.onload = function() {
   var responseText = xhr.responseText;
   // 处理响应。
   console.log(responseText);
};
xhr.onerror = function() {
   console.log('出现错误！');
};

浏览上下文之间的双向通信称为通道消息传递。它对于跨多个来源的通信很有用。创建 MessageChannel 时，它会在内部创建两个端口来发送数据并转发到另一个浏览上下文。postMessage() - 通过通道发布消息start() - 它发送数据close() - 它关闭端口在这种情况下，我们正在将数据从一个 iframe 发送到另一个 iframe。在这里，我们正在函数中调用数据并将数据传递给 DOM。
var loadHandler = function(){
   var mc, portMessageHandler;
   mc = new MessageChannel();
   window.parent.postMessage('documentAHasLoaded', 'http://foo.example', [mc.port2]);
   portMessageHandler = function(portMsgEvent){
    ... 阅读更多