Article/blog page — complete content layout

article — a self-contained piece of content (a blog post, news story, paper). Can have its own <header> and <footer> — they're scoped to the article, not the page. <time datetime='2024-09-01'> — machine-readable date. Search engines + calendars use it. <blockquote> — a quoted block. Browsers indent it by default. <pre><code> — preformatted text + code. Whitespace is preserved (indentation shows). Always use <pre> around <code> to preserve line breaks. <ol> — ordered list (1, 2, 3...). <ul> — unordered (bullets). <em> — emphasis (italic). <strong> — strong importance (bold). These are SEMANTIC, not visual. Screen readers interpret them. <nav class='article-nav'> — prev/next navigation at the bottom of the article.