The HTML tax is my name for all of those bits of verbosity that you haveto include when you write straight HTML, as opposed to something morecompact . What do I mean by that? Well, considerall of the things that you need for a well formed, standards compliantbasic HTML web page these days.
A relatively minimal page needs a doctype, a section witha </code> and ideally a <code> <meta> </code> declaration for the charset, andthen the boilerplate of the <code> <body></code></p></div></code></a></p></p></code></code></code></code></p></a></a></p></a></p></div>
</div>
<div class="read-more">
<a href="/read/562108/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1155021}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1155021/">men1000.com</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1155021}'>
<a class="text-muted mx-1" href="/list/?feed_id=133">ericayuen</a>
|
<a class="text-muted mx-1"
href="/read/1155021/"
data-timestamp="1232634480.0"
title="Created at July 2, 2026, 2:51 p.m.">Jan. 22, 2009, 9:28 a.m.</a>
|
<a class="text-muted mx-1" href="https://ericayuen.blogspot.com/2009/01/men1000com.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=30&partnerid=10410&excluded_feed_id=133"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1155021" >
<html> <body> <p style="margin: 0cm 0cm 0pt;"> <a href="https://men1000.com/Men1000/Love_actually/LAindex.php"> <span style="font-size:130%;"> CLICK： </span> </a> </p> <p style="margin: 0cm 0cm 0pt;"> <a href="https://men1000.com/Men1000/Love_actually/LAindex.php"> <span style="font-size:130%;"> 由女性的角度，幫男士們解決感情上的奇難雜症...，教你做一個「誘心人」！ </span> </a> </p> </body></html>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 565726}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/565726/">The NFS re-export problem</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 565726}'>
<a class="text-muted mx-1" href="/list/?feed_id=34">Wandering Thoughts</a>
|
<a class="text-muted mx-1"
href="/read/565726/"
data-timestamp="1232601480.0"
title="Created at May 3, 2024, 1:18 a.m.">Jan. 22, 2009, 12:18 a.m.</a>
|
<a class="text-muted mx-1" href="https://utcc.utoronto.ca/~cks/space/blog/unix/NFSReexportProblem">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=30&partnerid=10410&excluded_feed_id=34"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="565726" data-truncated>
<div class="wikitext"> <p> One of the things that people traditionally ask for is an NFSserver that can re-export its own NFS mounts (possibly among otherthings). Unfortunately this is impossible in general, and now I canexplain why. </p> <p> (In the old days, one reason people wanted this was because user levelNFS servers were basically the only way to do user level filesystemsat all, and it would be useful if your machine could transparentlyre-export your interesting user level filesystem to other machines. I'mnot sure</p></div></p></a></p></p></p></p></div>
</div>
<div class="read-more">
<a href="/read/565726/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1147080}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1147080/">噪音皇帝</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1147080}'>
<a class="text-muted mx-1" href="/list/?feed_id=128">agnesvaria</a>
|
<a class="text-muted mx-1"
href="/read/1147080/"
data-timestamp="1232600160.0"
title="Created at July 2, 2026, 1:46 p.m.">Jan. 21, 2009, 11:56 p.m.</a>
|
<a class="text-muted mx-1" href="https://agnesvaria.blogspot.com/2009/01/blog-post_21.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=30&partnerid=10410&excluded_feed_id=128"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1147080" data-truncated>
<html> <body> 習慣在早上乘車時, 收聽商業一台的《在晴朗的一天出發》(原先收聽商業二台的版本, 因當時厭倦杜汶澤、盧覓雪之流, 又不太喜歡林海峰刻意政治化) . 節目打著為命請命的旗號, 當時還猜疑為何獨裁的俞琤, 肯讓人重蹈鄭</body></html></body></html>
</div>
<div class="read-more">
<a href="/read/1147080/">Continue reading...</a>
</div>
</div>
</div>
<nav>
<ul class="pagination justify-content-center my-1 pagination-sm">
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=1&partnerid=10410"><<</a>
</li>
<li class="page-item">
<a class="page-link"
data-previous
tabindex="-1"
href="?excluded_feed_id=30&page=111629&partnerid=10410"><</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111627&partnerid=10410">111627</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111628&partnerid=10410">111628</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111629&partnerid=10410">111629</a>
</li>
<li class="page-item active">
<a class="page-link">111630</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111631&partnerid=10410">111631</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111632&partnerid=10410">111632</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=111633&partnerid=10410">111633</a>
</li>
<li class="page-item">
<a class="page-link"
tabindex="-1"
href="?excluded_feed_id=30&page=111631&partnerid=10410"
data-next>></a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=30&page=last&partnerid=10410">>></a>
</li>
</ul>
<div class="text-center pb-3">Total: 1,122,122</div>
</nav>
<script>
const gestureSwipe = () => {
let touchstartX = 0;
let touchstartY = 0;
let touchendX = 0;
let touchendY = 0;
const gesuredZone = document.querySelector('body');
gesuredZone.addEventListener(
"pointerdown",
function (event) {
console.log("touchstart");
touchstartX = event.screenX;
touchstartY = event.screenY;
},
false
);
gesuredZone.addEventListener(
"pointerup",
function (event) {
console.log("touchend");
touchendX = event.screenX;
touchendY = event.screenY;
handleGesure();
},
false
);
events = [
"gotpointercapture",
"lostpointercapture",
"pointerover",
"pointerenter",
"pointerdown",
"pointermove",
"pointercancel",
"pointerout",
"pointerleave",
"pointerrawupdate",
]
function handleGesure() {
var swiped = "swiped: ";
if (touchendX > touchstartX) {
alert(swiped + "right!");
}
if (touchendY > touchstartY) {
alert(swiped + "left!");
}
if (touchendY == touchstartY) {
alert("tap!");
}
}
};
// gestureSwipe();
</script>
</main>
<aside class="right">
<div id="same-day-articles"
hx-get="/api/same-day-articles/?excluded_feed_id=30&page=111630&partnerid=10410&datetime="
hx-trigger="load"
hx-swap="outerHTML"
class="p-3 bg-light rounded"
hx-target="#same-day-articles">
<small class="text-muted">More On This Day</small>
<h4 class="fw-bold">August 19</h4>
<div class="same-day-container">
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="tags-cloud"
hx-get="/api/tags-cloud/"
hx-trigger="load"
hx-swap="outerHTML"
class="d-flex flex-wrap bg-light p-3 rounded my-2 fw-bold small"
hx-target="#tags-cloud">
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
</div>
<div class="p-3 bg-light rounded mb-2 font-monospace">
<small>Current Query</small>
<div>Excluded Feed Id <i class="text">30</i></div>
</div>
</aside>
</div>
<div class="offcanvas offcanvas-start"
tabindex="-1"
id="sidebarMenu"
aria-labelledby="sidebarMenuLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="sidebarMenuLabel">
<i class="bi bi-rss-fill me-2"></i> Menu
</h5>
<button type="button"
class="btn-close text-reset"
data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<!-- Sidebar Content -->
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
<a href="/" class="nav-link">
<i class="bi bi-house-door me-2"></i>
Home
</a>
</li>
<li class="nav-item">
<a href="/list/" class="nav-link">
<i class="bi bi-infinity me-2"></i>
List View
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="SideMenuFeedDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-bell me-2"></i>
Feed
</a>
<div class="dropdown-menu overflow-y-auto"
id="sidebar-feed-list"
hx-get="/api/side-menu-feed-list-htmx/"
hx-trigger='click from:[data-bs-target="#sidebarMenu"] once'
hx-target="#sidebar-feed-list"
style="max-width: 100vw;
max-height: calc( 90vh - 10rem )"
aria-labelledby="SideMenuFeedDropdown"></div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="CatDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-bookmarks me-2"></i>
Category
</a>
<div class="dropdown-menu" aria-labelledby="CatDropdown">
<a class="dropdown-item"
href="/?category_id=1">Tech</a>
<a class="dropdown-item"
href="/?category_id=3">News</a>
<a class="dropdown-item"
href="/?category_id=4">Photography</a>
<a class="dropdown-item"
href="/?category_id=2">Blog</a>
</div>
</li>
</ul>
<hr class="border-secondary my-2">
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="menuItemChild2"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-person me-2"></i>
Accounts
</a>
<div class="dropdown-menu"
aria-labelledby="menuItemChild2">
<a class="dropdown-item" href="/accounts/login/">
<i class="bi bi-box-arrow-left me-2"></i>
Login
</a>
</div>
</li>
</li>
</ul>
</div>
</div>
<div id="overlay" hidden>
<div id="imageContainer">
<img src="" alt="" srcset="">
</div>
</div>
<div id="messagesContainerOuter">
<div class="d-flex justify-content-end pb-2 pe-2">
<div id="messagesContainer"
hx-on:htmx:after-settle="document.querySelector('#messagesContainer> div:last-child').scrollIntoView(false)">
</div>
</div>
</div>
<script src="/static/htmx.min.js?sha384=H5SrcfygHmAuTDZphMHqBJLc3FhssKjG7w/CeCpFReSfwBWDTKpkzPP8c+cLsK+V" integrity="sha384-H5SrcfygHmAuTDZphMHqBJLc3FhssKjG7w/CeCpFReSfwBWDTKpkzPP8c+cLsK+V"defer></script>
<script src="/static/htmx-ext-ws.js?sha384=1RwI/nvUSrMRuNj7hX1+27J8XDdCoSLf0EjEyF69nacuWyiJYoQ/j39RT1mSnd2G" integrity="sha384-1RwI/nvUSrMRuNj7hX1+27J8XDdCoSLf0EjEyF69nacuWyiJYoQ/j39RT1mSnd2G"defer></script>
<script src="/static/bootstrap.bundle.min.js?sha384=YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"defer></script>
<script src="/static/hls.js?sha384=0jcNW9iCiA5ubCFYl7lNSG4LwBvMYnF0Y01esqxwlh1k5U2QDpcnW56N2J84a4Fh" integrity="sha384-0jcNW9iCiA5ubCFYl7lNSG4LwBvMYnF0Y01esqxwlh1k5U2QDpcnW56N2J84a4Fh"defer></script>
<script src="/static/djangoql/js/completion.js?sha384=+T3tAo6aZKDoZt1Oh402cTJTylRv4w2ptE5sF3cHW71Sf7pAoSudxllwgXF+bUes" integrity="sha384-+T3tAo6aZKDoZt1Oh402cTJTylRv4w2ptE5sF3cHW71Sf7pAoSudxllwgXF+bUes"defer></script>
<script src="/static/main.js?sha384=1NTlZSxE0VXMQHVencHzcLGFbqRzUnlC+iaedVDICTToRs5s5dyA25XzxINiKVuX" integrity="sha384-1NTlZSxE0VXMQHVencHzcLGFbqRzUnlC+iaedVDICTToRs5s5dyA25XzxINiKVuX"defer></script>
<script src="/static/sweetalert2-v11.26.25.js?sha384=nLoOnA/BDh8A/jxqtckg4DumuCGOBYUnNJLZdQz/zfYNp3wcjGSoWTAzgko06G/2" integrity="sha384-nLoOnA/BDh8A/jxqtckg4DumuCGOBYUnNJLZdQz/zfYNp3wcjGSoWTAzgko06G/2"defer></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9120464920243224"
crossorigin="anonymous"></script>
<script>
if (document.createElement('link').relList?.supports('compression-dictionary')) {
const link = document.createElement('link');
link.rel = 'compression-dictionary';
link.href = '/dictionary/133e82830eea5b79d7bb3d3b49eac6b64ebea190e869fe5f9cd1ec3239534bd8';
document.head.appendChild(link);
}
</script>
<script type="speculationrules">
{
"prerender": [
{
"where": {
"selector_matches": "a[data-next]"
},
"eagerness": "immediate"
}
]
}
</script>
</body>
</html>