What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
Semantic HTML uses elements to describe what content is and how it fits into a document, rather than choosing tags only for their default appearance. Use <main> for the page’s dominant content, <nav> for navigation, <article> for a self-contained composition, <aside> for tangential supporting material, and <section> for a meaningful general grouping. Use CSS for visual styling.
What semantic HTML does
HTML elements give content structure and purpose. A browser may display some elements with familiar default styling, but their meaning is not determined by how they look. A paragraph remains a paragraph if CSS makes it look like a heading; a generic container does not become a navigation region just because it resembles a menu.
Choose an element by asking what the content does in the document. The WHATWG HTML Living Standard is the normative reference; MDN’s HTML elements reference is a practical lookup. The standard result was updated 5 October 2026.
When to use the main structural elements
<main>: the dominant content
Place the document’s primary content in <main>. As the WHATWG standard puts it, “The main element represents the dominant content of the body of a document.” A page must not have more than one <main> without the hidden attribute. See MDN’s main element reference.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
<nav>: a navigation region
Use <nav> for a section whose purpose is navigation: for example, a site menu, table of contents, or index. It is not a general-purpose wrapper for every group of links. The element is useful when the links form a navigational region rather than incidental links within ordinary prose.
<article>: a composition that can stand alone
Choose <article> for a self-contained composition that could make sense independently of the surrounding page, such as a post or comment. Independence is the key test: if the item could be distributed or understood as a distinct piece, <article> is often appropriate.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
<aside>: tangential supporting content
Use <aside> for material related to the surrounding content but not central to its main flow, such as related links or an author bio. If the content is essential to the central explanation, it likely belongs in the main flow instead.
<section>: a meaningful general section
Use <section> to group a meaningful part of a document when no more specific element fits. MDN advises that sections generally have a heading. A section is not simply a box for styling or layout; if the grouping has no particular document meaning, use a generic container such as <div> instead.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
MDN’s section element guidance also helps distinguish a standalone composition from a general section and from tangential supporting material.
How to choose between article, section, and aside
| Question | Use | Example |
|---|---|---|
| Can this composition stand on its own? | <article> |
A post or comment |
| Is it related but tangential to the surrounding content? | <aside> |
Related links or an author bio |
| Is it a meaningful document grouping, but neither a standalone composition nor tangential material? | <section> |
A headed part of a longer page |
| Is it grouped only for layout or styling, without a distinct document role? | A generic container, such as <div> |
A layout wrapper |
Apply the tests in this order: identify the content’s purpose, check whether a specific element describes it, then use <section> for a meaningful grouping that lacks a more specific fit. If there is no meaningful semantic grouping at all, use a generic container. Style the result with CSS rather than selecting a semantic element for its appearance.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Headers, footers, and headings
<header> and <footer>
These elements mark introductory or footer material for the page or for their nearest relevant sectioning ancestor. They are not limited to one global page header and one global footer; a section or article can have its own introductory or footer material.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitches<h1> through <h6>
The six heading levels express the hierarchy of sections. Pick a heading level to reflect the content’s place in that hierarchy, not as a shortcut for a desired font size. Use CSS when a heading needs a different visual treatment.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Why semantics matter for accessibility—and what they do not guarantee
Structural elements can expose implicit landmark regions to assistive technology. Landmarks can help users locate major areas of a page; the W3C WAI technique H101: Using semantic HTML elements to identify regions of a page gives <main> and <nav> as examples. This is a technique example, not a complete conformance checklist.
MDN’s Semantic HTML learning material explains that assistive technology can use headings and landmarks as navigation signposts. Those cues help when elements are used for their intended purposes and the heading hierarchy and link text are meaningful. Semantic structure alone does not make every part of a page accessible.
Quick Recap
A quick review before publishing a page
- Does
<main>contain the dominant content, without multiple visible main elements? - Are
<nav>elements reserved for actual navigation regions? - Can each
<article>stand as an independent composition? - Is each
<aside>supporting material tangential to the central content? - Does each
<section>express a meaningful grouping, generally with a heading? - Are headings ordered to communicate content hierarchy, with CSS handling appearance?
- Are generic containers used when a wrapper has no special semantic role?
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →
