共建更好的博客环境需要你的参与！
本文链接：在博客上阅读、在 GitHub 上阅读
推荐阅读：中文博客圈列表——唯有超链接，能将互联网上一座座孤岛联系起来。
如想支持本项目，就为此项目点个⭐吧！
你指尖释放的善意，将指引我们继续前行。
感谢本项目的所有贡献者，以及在各个平台为对本项目提出指导意见的各位。正是因为你们，才有了现在的中文博客倡议！
国内访问情况较通畅的地址
[中文博客倡议](https://howiehz.top/archives/chinese-blog-guidelines)
GitHub 地址
[中文博客倡议](https://github.com/HowieHz/chinese-blog-guidelines)
国内访问情况较通畅的地址
<a href="https://howiehz.top/archives/chinese-blog-guidelines" target="_blank" rel="noopener noreferrer" title="中文博客倡议书">中文博客倡议</a>
GitHub 地址
<a href="https://github.com/HowieHz/chinese-blog-guidelines" target="_blank" rel="noopener noreferrer" title="中文博客倡议书">中文博客倡议</a>
如果访客使用不禁用自动播放的浏览器浏览有自动播放多媒体资源的网页，可能使访客的设备发出意料之外的声音，从而导致意外的社会影响。
Example
当页面切到后台时切换标题会导致以下问题
Example
alert()、confirm()、prompt() 等原生 JavaScript 对话框会暂停脚本执行和页面渲染。在加载过程中触发时，用户必须响应对话框才能继续，网络较慢时会导致页面长时间处于不可用状态。Example
Example
强制要求用户不使用广告过滤程序导致访问体验下滑，从而对访客的再访问意愿产生潜在影响。
Example
站点大部分内容与背景的对比度应至少达到 AA 级。这是因为视力下降会导致许多人无法看清对比度较低的文字。为了让文字能被更多人看见，站点内容的最低对比度应达到此标准。
包括文字内容、自定义鼠标指针、图案等，都应考虑与背景的对比度。
相关解释：理解最低对比度。
在中文文案排版指北的基础上发展出一套自己的排版样式
为有相关需求（身份验证，内容防篡改等需求）的访客提供选择
对邮箱信息的验证方式如：
对网站信息的验证方式如：
访客身份信息验证的方式如：
遵守 Atom 和 RSS 标准规范，确保订阅源的兼容性和可读性，便于各类阅读器正确解析。
标准文件：
相关文档：
xmlns:atom="http://www.w3.org/2005/Atom"xmlns:content="http://purl.org/rss/1.0/modules/content/"xmlns:dc="http://purl.org/dc/elements/1.1/"xmlns:slash="http://purl.org/rss/1.0/modules/slash/"可使用 W3C 提供的在线工具进行测试：Feed Validation Service。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CBGB001</title>
</head>
<body>
<h1>CBGB001 - example</h1>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=2025918324&auto=1&height=66" title="music"></iframe>
</body>
</html>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CBGB002</title>
</head>
<body>
<h1>CBGB002 - example</h1>
<p>
页面标题初始为：CBGB002<br /><br />
之后请尝试以下操作，并观察页面标题：<br />
1. 将此页面切到后台<br />
2. 将此页面重新切回前台<br />
3. 关闭此页面，查看历史记录<br />
4. 打开多个页面，使用收藏快捷键一键收藏全部页面后查看收藏夹内容<br />
</p>
<script type="text/javascript">
window.onblur = function () {
document.title = "页面进入后台";
};
window.onfocus = function () {
document.title = "页面回到前台";
};
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CBGB003</title>
</head>
<body>
<h1>CBGB003 - example</h1>
<script type="text/javascript">
alert("alert!")
confirm("confirm?")
prompt("prompt...")
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CBGB004</title>
</head>
<body>
<h1>CBGB004 - example</h1>
<p>这是一个空示例，因为 HowieHz 写不出让自己电脑卡住的示例。如果你有一个良好的示例，可向此项目提交 pr。</p>
</body>
</html>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CBGB005</title>
</head>
<body>
<h1>CBGB005 - example</h1>
<p>本示例旨在提供被广告拦截检测器拦截的体验，并未加入到广告屏蔽器和反广告屏蔽器的对抗中</p>
<script type="text/javascript">
alert("检测到 AdBlock");
alert("由于你使用了广告拦截器，所以本站将不对您提供服务");
</script>
</body>
</html>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。