{"id":19413551,"url":"https://github.com/wisehackermonkey/html-quirk-mode","last_synced_at":"2026-03-03T00:34:49.367Z","repository":{"id":132671592,"uuid":"345237335","full_name":"wisehackermonkey/html-quirk-mode","owner":"wisehackermonkey","description":null,"archived":false,"fork":false,"pushed_at":"2021-03-26T20:44:53.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-07T15:44:10.015Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wisehackermonkey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-07T02:01:01.000Z","updated_at":"2021-03-26T20:44:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"7ea0bfda-bc0b-4b63-9a7e-6e601322781f","html_url":"https://github.com/wisehackermonkey/html-quirk-mode","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wisehackermonkey%2Fhtml-quirk-mode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wisehackermonkey%2Fhtml-quirk-mode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wisehackermonkey%2Fhtml-quirk-mode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wisehackermonkey%2Fhtml-quirk-mode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wisehackermonkey","download_url":"https://codeload.github.com/wisehackermonkey/html-quirk-mode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240593150,"owners_count":19825930,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T12:33:49.170Z","updated_at":"2026-03-03T00:34:49.307Z","avatar_url":"https://github.com/wisehackermonkey.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# html-quirk-mode\n----\n[![Open Source Love svg2](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\u003cimg src=\"assets/2021-03-06-16-51-02.png\" width=\"400\"\u003e\n\u003ch2 align=\"center\"\u003emy hacking/experimentation with the browser's 'quirks mode' to see what cool things i can do with it! \u003c/h2\u003e\n\n\u003ch4 align=\"center\"\u003eLast updated 20210326\u003c/h4\u003e\n\n\n\n# Summary\n\u003c!-- ### -  *[Quick start](#Quick-start)* --\u003e\n\u003c!-- ### -  *[Installation](#Installation)* --\u003e\n### -  *[Notes](#Notes)* --\u003e\n### -  *[Contributors](#Contributors)*\n### -  *[License](#License)*\n\n\n\n\n# Installation\n```bash\n```\n\n\u003c!-- ----------------- --\u003e\n\u003c!-- # Screenshots --\u003e\n\u003c!-- - \u003cimg src=\"assets/_____________\" width=\"400\"\u003e  --\u003e\n\u003c!-- -  --\u003e\n\n\n\n\u003c!-- SETUP --\u003e\n-----------------\n# Notes\n### I was looking at how to have html respect line breaks when someone mechined to check if the browser is running in quirks mode.\n#### [css - How to preserve line breaks in \u003ccode\u003e block? - Stack Overflow](https://stackoverflow.com/questions/1011641/how-to-preserve-line-breaks-in-code-block)\n```text\nCheck your doctype is valid and on the first line. Maybe it's slipping into quirks mode?\n\n```\n### What is `quirks mode`?\n### i have never heard of quirks mode before. Here is my experimeination with quirks mode.\n### link to wiki page [Quirks mode - Wikipedia](https://en.wikipedia.org/wiki/Quirks_mode)\n```html\n\u003c!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\u003e\n```\n### within the dom how to check if the browser is running in quirks mode or not\n```javascript\nconsole.log(document.compatMode);\n```\n-----------------\n# Example of quirk mode\n![](assets/2021-03-06-16-51-02.png)\n# Example of standard mode (what broswers normally do)\n![](assets/2021-03-06-16-54-00.png)\n\n# examples of backCompat\n![](assets/2021-03-06-17-06-49.png)\n# Notice the `table cell 2` is now correct color\n![](assets/2021-03-06-17-07-40.png)\n\n----\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n# Weird html stuff volume 1\n```html\n\u003c!DOCTYPE HTML PUBLIC '''what\"\u003e\n```\n![](assets/2021-03-06-17-42-01.png) \n\n# how Get html comments from within javascript\n### link [Traversing the DOM - W3C Wiki](https://www.w3.org/wiki/Traversing_the_DOM)\n![](assets/2021-03-06-17-56-44.png)\n```javascript\ndocument.childNodes[0]\n//or\nconsole.log(document.childNodes[0])\n```\n\n---------------\n\n\n# Cool live dom viewer website link\n# [Live DOM Viewer](https://software.hixie.ch/utilities/js/live-dom-viewer/)\n---------------\n\n---------------\n# cool animated favicon demo\n#### [Canvas-Favicon Circular Loader](https://rpsthecoder.github.io/favicon-canvas-loader/)\n#### github repo [rpsthecoder/favicon-canvas-loader: Create and display a circular loading \u003ccanvas\u003e animation as a webpage favicon.](https://github.com/rpsthecoder/favicon-canvas-loader)\n\n# Werid behavior with html\n![image](https://user-images.githubusercontent.com/29699356/112690533-2893ff80-8e39-11eb-9082-693710f93f73.png)\n![image](https://user-images.githubusercontent.com/29699356/112690549-36498500-8e39-11eb-92a6-4a0d31a3e2f6.png)\n```html\n\ndocument.write('\u003cstyle\u003e#__f.__f{display:inline-block;text-align:left;}#__f.__f .counter{font-family:Ubuntu,Helvetica,Arial,sans-serif;line-height:1.4;box-sizing:border-box;width:130px;color:#565656}#__f.__f .c__h{font-size:10px;padding:5px 7px;border:1px solid #dedede;background:#fff}#__f.__f .c__t{text-transform:uppercase}#__f.__f .c__t span{float:right}#__f.__f .c__b{font-size:9px;padding:8px;background:#dedede}#__f.__f .c__b a{text-decoration:none;color:inherit}#__f.__f .c__b a:focus,#__f.__f .c__b a:hover{text-decoration:underline;color:inherit}#__f.__f .c__b a:focus{text-decoration:none}#__f.__f .c__i{margin-top:3px}#__f.__f .c__i:first-child{margin-top:0}#__f.__f .c__g{font-size:14px;font-weight:700;position:relative;display:block;margin-top:4px;padding:8px 5px;text-align:center;text-transform:uppercase;color:#04c;border:1px solid #fff;border-radius:3px;background-image:linear-gradient(to top,#e1dfdf 0,#fff 100%)}#__f.__f .c__g span{position:relative;display:inline-block}#__f.__f .c__g span:before{position:absolute;right:0;bottom:0;left:0;display:block;content:\\'\\';border-top:1px dotted #04c}#__f.__f .c__g:hover{text-decoration:none;color:#04c;background-image:linear-gradient(to top,#fff 0,#e1dfdf 100%)}#__f.__f .c-t__default .c__h{border-color:#dedede}#__f.__f .c-t__default .c__b{background:#dedede}#__f.__f .c-t__red .c__h{border-color:#e27e7e}#__f.__f .c-t__red .c__b{color:#fff;background:#e27e7e}#__f.__f .c-t__blue .c__h{border-color:#d7f3ff}#__f.__f .c-t__blue .c__b{background:#d7f3ff}#__f.__f .c-t__yellow .c__h{border-color:#ffecb1}#__f.__f .c-t__yellow .c__b{background:#ffecb1}#__f.__f .c-t__green .c__h{border-color:#a9c971}#__f.__f .c-t__green .c__b{color:#fff;background:#a9c971}#__f.__f .c-t__magenta .c__h{border-color:#ddc5e5}#__f.__f .c-t__magenta .c__b{background:#ddc5e5}.h{display:none}\u003c/style\u003e');document.write('\u003cdiv id=\"__f\" class=\"__f\"\u003e\u003cdiv class=\"counter c-t__default\"\u003e\u003cdiv class=\"c__h\"\u003e\u003cdiv class=\"c__t\"\u003eTotal Hits \u003cspan\u003e3\u003c/span\u003e\u003c/div\u003e\u003cdiv class=\"c__t\"\u003eUnique visitors \u003cspan\u003e1\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"c__b\"\u003e\u003cdiv class=\"counter__item\"\u003ePowered by\u003cbr\u003e \u003ca href=\"https://freecountercode.com\"\u003eFree Counter Code\u003c/a\u003e\u003c/div\u003e\u003cdiv class=\"counter__item\"\u003e\u003ca href=\"http://glasvezelvergelijken.org/\" class=\"h\"\u003eglasvezelvergelijken.org\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e');\n```\n### [https://freecountercode.com/service/](https://freecountercode.com/service/EUBtzl21DpKzXW5XptnE/5201)\n\n# Contributors\n\n[![](https://contrib.rocks/image?repo=wisehackermonkey/html-quirk-mode)](https://github.com/wisehackermonkey/html-quirk-mode/graphs/contributors)\n##### Made with [contributors-img](https://contrib.rocks).\n\n-----------------\n# License\n#### MIT © wisehackermonkey\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n```bash\nby oran collins\ngithub.com/wisehackermonkey\noranbusiness@gmail.com\n______________________\n```\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwisehackermonkey%2Fhtml-quirk-mode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwisehackermonkey%2Fhtml-quirk-mode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwisehackermonkey%2Fhtml-quirk-mode/lists"}