` differently than content in unmarked divs.
The limitation here is that semantic HTML requires knowing which element fits which purpose. A `` should contain major navigation, a `` should wrap primary content, and `` should contain self-contained content like blog posts. Once you internalize these rules, semantic markup actually reduces the amount of code you write, since you don’t need CSS classes or ARIA attributes to convey meaning that the HTML element itself already communicates. modern browsers and screen readers rely on this structure, so ignoring it isn’t just a best practice—it’s a functional requirement for accessible sites.
Impact of Common HTML Mistakes on Page Performance and Accessibility Missing semantic HTML 38% of sites affected Unclosed tags 28% of sites affected Missing labels on forms 22% of sites affected No viewport meta tag 18% of sites affected Broken heading hierarchy 15% of sites affected Source: W3C Accessibility Report 2025
A form input without an associated label is one of the top accessibility failures on the web. When you write `` or using the `for` attribute, screen reader users have no way to know what that input is for. Additionally, unlabeled inputs offer a smaller click target—users can’t click the label text to focus the input, making mobile and touch-based interactions harder. The correct approach is straightforward: always pair inputs with labels using the `for` and `id` attributes.
Write `Email address Email address `—which works equally well but offers less styling flexibility. The trade-off is minor; proper labeling actually reduces CSS complexity because the label becomes an independent, clickable element rather than decorative text.
Many developers still build websites without the viewport meta tag, then wonder why their site looks like a tiny desktop version when viewed on a phone. The tag `
Using a single `
Missing or Incorrect DOCTYPE and Character Encoding
Every HTML document should start with `` and include `
A common mistake is omitting these declarations or placing them incorrectly. Some developers write `` (wrong—it’s case-insensitive but the convention is lowercase) or put the charset meta tag in the body instead of the head. While modern browsers are forgiving, automated validators will flag these errors, and they can cause real problems with content that includes non-ASCII characters. Another limitation: the charset meta tag should appear within the first 1024 bytes of your HTML file to be reliably recognized. Placing it deep in the document after other meta tags might cause the browser to re-parse the page when it’s finally encountered.
Incorrect Use of Heading Hierarchy
Headings should follow a logical hierarchy: one `
` per page, followed by `` for subsections, then `` for sub-subsections, and so on. Using `` followed by `` breaks the hierarchy and confuses both screen readers and search engines. A real-world example: a page with a `` page title, then a `` subsection heading (skipping ``) signals to assistive technology that the document structure is malformed.
The fix requires discipline during content planning. Outline your page structure first, assign heading levels accordingly, and use CSS to style headings as needed—don’t choose heading levels based on font size. A `
` can be styled smaller than a `` if your design requires it. This approach keeps your semantic structure intact while preserving visual flexibility.
Beyond the basic viewport and charset meta tags, many developers neglect title tags, meta descriptions, and Open Graph tags. The `
` tag should be unique and descriptive for every page—it’s what appears in browser tabs and search results. A missing or generic title (like “Home”) hurts SEO and frustrates users who have multiple tabs open. Meta descriptions, while not a direct ranking factor, influence click-through rates from search results.</p>
<p>Open Graph tags (`<meta property="og:title">`, `<meta property="og:image">`, etc.) control how your content appears when shared on social media. Without them, Facebook or Twitter might extract the first image they find or display a generic preview. For sites with important content to share, these tags are essential. The limitation is that maintaining unique titles and descriptions across a large site requires tooling or templates to avoid manual repetition across hundreds of pages.</p>
<h2 class="wp-block-heading" id="conclusion">Conclusion</h2>
<p>Fixing HTML mistakes doesn’t require a complete rewrite—most can be resolved by running your code through a validator, auditing your heading structure, and ensuring semantic elements are used correctly. The cumulative effect of these ten common mistakes is reduced accessibility, worse SEO performance, and sites that break in unexpected ways across devices. Start by validating your HTML at the W3C validator, checking your page with a screen reader, and testing on actual mobile devices.</p>
<p>These steps will catch the majority of issues before they reach users. The best time to fix HTML mistakes is during development, not after launch. Enable validation in your code editor, use templates that enforce proper structure, and review your HTML as carefully as your CSS. Once these practices become habit, you’ll write cleaner markup that requires less maintenance, performs better, and works reliably for everyone who visits your site.</p>
<h2 class="wp-block-heading" id="faq">Frequently Asked Questions</h2>
<h3 class="wp-block-heading">What’s the fastest way to validate my existing HTML?</h3>
<p>Visit the W3C Markup Validation Service (validator.w3.org), paste your HTML, and get a detailed report of errors. Most validators highlight line numbers and explain what’s wrong, making fixes straightforward. Many code editors also include built-in validators that flag errors as you type.</p>
<h3 class="wp-block-heading">Can I ignore HTML mistakes if my page looks fine in Chrome?</h3>
<p>No. Modern browsers are forgiving and apply error correction automatically, but that doesn’t mean your code is valid. Other browsers, older versions, crawlers, and screen readers might process your HTML differently. Validation ensures cross-browser compatibility and accessibility.</p>
<h3 class="wp-block-heading">How do I fix a page with thousands of HTML errors?</h3>
<p>Start with structural issues: missing DOCTYPE, malformed tags, unclosed divs. Use your browser’s developer tools to inspect the document structure, then work through errors methodically. Automated linting tools can catch some issues, but manual review is necessary for semantic problems.</p>
<h3 class="wp-block-heading">Is it worth updating old websites that have HTML mistakes?</h3>
<p>Yes, especially if you’re already updating content. Fixing accessibility issues and semantic structure improves user experience and search rankings. Prioritize high-traffic pages first, focusing on issues that affect the most users.</p>
<h3 class="wp-block-heading">What’s the difference between HTML validation and browser compatibility?</h3>
<p>Validation checks if your code follows HTML standards. Compatibility checks if your code works across different browsers and devices. Valid HTML is usually compatible, but a site can be compatible without being strictly valid. Always aim for both.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<h2 class="wp-block-heading">You Might Also Like</h2>
<ul class="wp-block-list"><li><a href="https://felixlevine.com/2026/04/12/beginners-guide-to-learning-html-for-web-design/">Beginner’s Guide to Learning HTML for Web Design</a></li><li><a href="https://felixlevine.com/2026/04/12/how-to-structure-a-modern-webpage-using-semantic-html5/">How to Structure a Modern Webpage Using Semantic HTML5</a></li><li><a href="https://felixlevine.com/2026/04/11/how-to-customize-a-wordpress-theme-with-html-and-css/">How to Customize a WordPress Theme With HTML and CSS</a></li></ul>
<p class="category-footer">Browse more: <a href="https://felixlevine.com/category/all/">All</a> | <a href="https://felixlevine.com/category/cms/">CMS</a> | <a href="https://felixlevine.com/category/development/">Development</a> | <a href="https://felixlevine.com/category/drupal/">Drupal</a> | <a href="https://felixlevine.com/category/maintenance/">Maintenance</a></p>
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "What's the fastest way to validate my existing HTML?", "acceptedAnswer": {"@type": "Answer", "text": "Visit the W3C Markup Validation Service (validator.w3.org), paste your HTML, and get a detailed report of errors. Most validators highlight line numbers and explain what's wrong, making fixes straightforward. Many code editors also include built-in validators that flag errors as you type."}}, {"@type": "Question", "name": "Can I ignore HTML mistakes if my page looks fine in Chrome?", "acceptedAnswer": {"@type": "Answer", "text": "No. Modern browsers are forgiving and apply error correction automatically, but that doesn't mean your code is valid. Other browsers, older versions, crawlers, and screen readers might process your HTML differently. Validation ensures cross-browser compatibility and accessibility."}}, {"@type": "Question", "name": "How do I fix a page with thousands of HTML errors?", "acceptedAnswer": {"@type": "Answer", "text": "Start with structural issues: missing DOCTYPE, malformed tags, unclosed divs. Use your browser's developer tools to inspect the document structure, then work through errors methodically. Automated linting tools can catch some issues, but manual review is necessary for semantic problems."}}, {"@type": "Question", "name": "Is it worth updating old websites that have HTML mistakes?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, especially if you're already updating content. Fixing accessibility issues and semantic structure improves user experience and search rankings. Prioritize high-traffic pages first, focusing on issues that affect the most users."}}, {"@type": "Question", "name": "What's the difference between HTML validation and browser compatibility?", "acceptedAnswer": {"@type": "Answer", "text": "Validation checks if your code follows HTML standards. Compatibility checks if your code works across different browsers and devices. Valid HTML is usually compatible, but a site can be compatible without being strictly valid. Always aim for both."}}]}</script>
<div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer"
data-shared="sharing-twitter-7479"
class="share-twitter sd-button share-icon no-text"
href="https://felixlevine.com/2026/04/12/10-common-html-mistakes-and-how-to-fix-them-quickly/?share=twitter"
target="_blank"
aria-labelledby="sharing-twitter-7479"
>
<span id="sharing-twitter-7479" hidden>Share on X (Opens in new window)</span>
<span>X</span>
</a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer"
data-shared="sharing-facebook-7479"
class="share-facebook sd-button share-icon no-text"
href="https://felixlevine.com/2026/04/12/10-common-html-mistakes-and-how-to-fix-them-quickly/?share=facebook"
target="_blank"
aria-labelledby="sharing-facebook-7479"
>
<span id="sharing-facebook-7479" hidden>Share on Facebook (Opens in new window)</span>
<span>Facebook</span>
</a></li><li class="share-end"></li></ul></div></div></div> </div>
</article>
</div>
<div class="ct-related-posts-container" >
<div class="ct-container">
<div
class="ct-related-posts"
>
<h3 class="ct-module-title">
Related Posts </h3>
<div class="ct-related-posts-items" data-layout="grid">
<article itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div id="post-7474" class="post-7474 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized"><a class="ct-media-container" href="https://felixlevine.com/2026/04/12/how-to-structure-a-modern-webpage-using-semantic-html5/" aria-label="How to Structure a Modern Webpage Using Semantic HTML5"><img width="768" height="512" src="https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-768x512.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="How to Structure a Modern Webpage Using Semantic HTML5 - Featured image" loading="lazy" decoding="async" srcset="https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-768x512.jpg 768w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-300x200.jpg 300w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-1024x683.jpg 1024w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-3x3.jpg 3w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-36x24.jpg 36w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured-48x32.jpg 48w, https://felixlevine.com/wp-content/uploads/2026/04/how-to-structure-a-modern-webpage-u-featured.jpg 1200w" sizes="auto, (max-width: 768px) 100vw, 768px" itemprop="image" style="aspect-ratio: 16/9;" /></a><h4 class="related-entry-title"><a href="https://felixlevine.com/2026/04/12/how-to-structure-a-modern-webpage-using-semantic-html5/" rel="bookmark">How to Structure a Modern Webpage Using Semantic HTML5</a></h4><ul class="entry-meta" data-type="simple:slash" data-id="b760cc" ><li class="meta-date" itemprop="datePublished"><time class="ct-meta-element-date" datetime="2026-04-12T19:47:32+00:00">April 12, 2026</time></li></ul></div></article>
<article itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div id="post-7469" class="post-7469 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized"><a class="ct-media-container" href="https://felixlevine.com/2026/04/12/beginners-guide-to-learning-html-for-web-design/" aria-label="Beginner’s Guide to Learning HTML for Web Design"><img width="768" height="512" src="https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-768x512.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Beginner's Guide to Learning HTML for Web Design - Featured image" loading="lazy" decoding="async" srcset="https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-768x512.jpg 768w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-300x200.jpg 300w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-1024x683.jpg 1024w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-3x3.jpg 3w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-36x24.jpg 36w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured-48x32.jpg 48w, https://felixlevine.com/wp-content/uploads/2026/04/beginner-s-guide-to-learning-html-f-featured.jpg 1200w" sizes="auto, (max-width: 768px) 100vw, 768px" itemprop="image" style="aspect-ratio: 16/9;" /></a><h4 class="related-entry-title"><a href="https://felixlevine.com/2026/04/12/beginners-guide-to-learning-html-for-web-design/" rel="bookmark">Beginner’s Guide to Learning HTML for Web Design</a></h4><ul class="entry-meta" data-type="simple:slash" data-id="e72d4c" ><li class="meta-date" itemprop="datePublished"><time class="ct-meta-element-date" datetime="2026-04-12T11:54:14+00:00">April 12, 2026</time></li></ul></div></article>
</div>
</div>
</div>
</div>
</main>
<footer id="footer" class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter"><div data-row="middle"><div class="ct-container"><div data-column="widget-area-1"><div class="ct-widget is-layout-flow widget_nav_menu" id="nav_menu-8"><h3 class="widget-title">About</h3><div class="menu-footer-company-container"><ul id="menu-footer-company" class="widget-menu"><li id="menu-item-7364" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7364"><a href="https://felixlevine.com/about/">About Me</a></li>
<li id="menu-item-7365" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7365"><a href="https://felixlevine.com/portfolio/">Portfolio</a></li>
<li id="menu-item-7366" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7366"><a href="https://felixlevine.com/contact/">Contact Me</a></li>
</ul></div></div></div><div data-column="widget-area-2"><div class="ct-widget is-layout-flow widget_nav_menu" id="nav_menu-9"><div class="menu-footer-resources-container"><ul id="menu-footer-resources" class="widget-menu"><li id="menu-item-7367" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7367"><a href="https://felixlevine.com/blog/">Blog</a></li>
<li id="menu-item-7368" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7368"><a href="https://felixlevine.com/category/wordpress/">WordPress Tips</a></li>
<li id="menu-item-7369" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7369"><a href="https://felixlevine.com/category/development/">Web Development</a></li>
<li id="menu-item-7370" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7370"><a href="https://felixlevine.com/category/seo-marketing/">SEO & Marketing</a></li>
<li id="menu-item-7371" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7371"><a href="https://felixlevine.com/faq/">FAQ</a></li>
</ul></div></div></div><div data-column="widget-area-3"><div class="ct-widget is-layout-flow widget_nav_menu" id="nav_menu-10"><h3 class="widget-title">Legal & Disclaimers</h3><div class="menu-footer-legal-container"><ul id="menu-footer-legal" class="widget-menu"><li id="menu-item-7372" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7372"><a href="https://felixlevine.com/terms-of-use/">Terms of Use</a></li>
<li id="menu-item-7373" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7373"><a href="https://felixlevine.com/privacy-policy/">Privacy Policy</a></li>
<li id="menu-item-7374" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7374"><a href="https://felixlevine.com/cookie-policy/">Cookie Policy</a></li>
<li id="menu-item-7375" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7375"><a href="https://felixlevine.com/dmca/">DMCA</a></li>
<li id="menu-item-7376" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7376"><a href="https://felixlevine.com/editorial-policy/">Editorial Policy</a></li>
<li id="menu-item-7377" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7377"><a href="https://felixlevine.com/advertising-disclosure/">Advertising Disclosure</a></li>
<li id="menu-item-7378" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7378"><a href="https://felixlevine.com/ccpa/">CCPA</a></li>
<li id="menu-item-7379" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7379"><a href="https://felixlevine.com/disclaimer/">Disclaimer</a></li>
</ul></div></div></div></div></div><div data-row="bottom"><div class="ct-container"><div data-column="copyright">
<div
class="ct-footer-copyright"
data-id="copyright">
<p>Copyright © 2026 - Felix Levine</p></div>
</div></div></div></footer></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/blocksy/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript">
(function() {
var sa = document.createElement('script'); sa.type = 'text/javascript'; sa.async = true;
sa.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.ywxi.net/js/1.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sa, s);
})();
</script>
<script type="text/javascript">
window.WPCOM_sharing_counts = {"https://felixlevine.com/2026/04/12/10-common-html-mistakes-and-how-to-fix-them-quickly/":7479};
</script>
<script src="https://felixlevine.com/wp-content/plugins/mystickymenu/js/morphext/morphext.min.js?ver=2.8.7" id="morphext-js-js" defer data-wp-strategy="defer"></script>
<script id="welcomebar-frontjs-js-extra">
var welcomebar_frontjs = {"ajaxurl":"https://felixlevine.com/wp-admin/admin-ajax.php","days":"Days","hours":"Hours","minutes":"Minutes","seconds":"Seconds","ajax_nonce":"0f62d3a644"};
//# sourceURL=welcomebar-frontjs-js-extra
</script>
<script src="https://felixlevine.com/wp-content/plugins/mystickymenu/js/welcomebar-front.min.js?ver=2.8.7" id="welcomebar-frontjs-js" defer data-wp-strategy="defer"></script>
<script src="https://felixlevine.com/wp-content/plugins/mystickymenu/js/detectmobilebrowser.min.js?ver=2.8.7" id="detectmobilebrowser-js" defer data-wp-strategy="defer"></script>
<script id="mystickymenu-js-extra">
var option = {"mystickyClass":"#masthead.colormag-header-classic #site-navigation .inner-wrap","activationHeight":"0","disableWidth":"0","disableLargeWidth":"0","adminBar":"false","device_desktop":"1","device_mobile":"1","mystickyTransition":"fade","mysticky_disable_down":"false"};
//# sourceURL=mystickymenu-js-extra
</script>
<script src="https://felixlevine.com/wp-content/plugins/mystickymenu/js/mystickymenu.min.js?ver=2.8.7" id="mystickymenu-js" defer data-wp-strategy="defer"></script>
<script id="ct-scripts-js-extra">
var ct_localizations = {"ajax_url":"https://felixlevine.com/wp-admin/admin-ajax.php","public_url":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/","rest_url":"https://felixlevine.com/wp-json/","search_url":"https://felixlevine.com/search/QUERY_STRING/","show_more_text":"Show more","more_text":"More","search_live_results":"Search results","search_live_no_results":"No results","search_live_no_result":"No results","search_live_one_result":"You got %s result. Please press Tab to select it.","search_live_many_results":"You got %s results. Please press Tab to select one.","search_live_stock_status_texts":{"instock":"In stock","outofstock":"Out of stock"},"clipboard_copied":"Copied!","clipboard_failed":"Failed to Copy","expand_submenu":"Expand dropdown menu","collapse_submenu":"Collapse dropdown menu","dynamic_js_chunks":[],"dynamic_styles":{"lazy_load":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/non-critical-styles.min.css?ver=2.1.35","search_lazy":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/non-critical-search-styles.min.css?ver=2.1.35","back_to_top":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/back-to-top.min.css?ver=2.1.35"},"dynamic_styles_selectors":[{"selector":".ct-header-cart, #woo-cart-panel","url":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/cart-header-element-lazy.min.css?ver=2.1.35"},{"selector":".flexy","url":"https://felixlevine.com/wp-content/themes/blocksy/static/bundle/flexy.min.css?ver=2.1.35"}]};
//# sourceURL=ct-scripts-js-extra
</script>
<script src="https://felixlevine.com/wp-content/themes/blocksy/static/bundle/main.js?ver=2.1.35" id="ct-scripts-js"></script>
<script id="jetpack-stats-js-before">
_stq = window._stq || [];
_stq.push([ "view", {"v":"ext","blog":"161770395","post":"7479","tz":"0","srv":"felixlevine.com","j":"1:15.6"} ]);
_stq.push([ "clickTrackerInit", "161770395", "7479" ]);
//# sourceURL=jetpack-stats-js-before
</script>
<script src="https://stats.wp.com/e-202615.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script>
<script id="sharing-js-js-extra">
var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"};
//# sourceURL=sharing-js-js-extra
</script>
<script src="https://c0.wp.com/p/jetpack/15.6/_inc/build/sharedaddy/sharing.min.js" id="sharing-js-js"></script>
<script id="sharing-js-js-after">
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-twitter' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-twitter' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' );
return false;
}
} );
} )();
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-facebook' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' );
return false;
}
} );
} )();
//# sourceURL=sharing-js-js-after
</script>
</body>
</html>
<!-- Page cached by LiteSpeed Cache 7.8.0.1 on 2026-04-12 22:19:19 --> 
