⚙️
PHP Tools Hub
Tools
PHP
Quick
Contact
Home
>
Tutorials
>
HTML5
>
HTML5 Semantic Elements
HTML5 Semantic Elements Tutorials
66 tutorials found.
📘
Bidirectional Isolation
<bdi> | Definition | HTML5
📘
Caption Inside Figure
<figcaption> | Definition | HTML5
📘
Expandable Disclosure Widget
<details> | Definition | HTML5
📘
Footer Content Container
<footer> | Definition | HTML5
📘
Gauge Meter
<meter> | Definition | HTML5
📘
Highlighted Text
<mark> | Definition | HTML5
📘
Introductory Content Container
<header> | Definition | HTML5
📘
Machine Readable Content
<data> | Definition | HTML5
📘
Machine Readable Date Time
<time> | Definition | HTML5
📘
Main Content Container
<main> | Definition | HTML5
📘
Modal Dialog Box
<dialog> | Definition | HTML5
📘
Navigation Links Container
<nav> | Definition | HTML5
📘
Progress Bar
<progress> | Definition | HTML5
📘
Ruby Annotation for East Asian Text
<ruby> | Definition | HTML5
📘
Ruby Parenthesis Fallback
<rp> | Definition | HTML5
📘
Ruby Text Pronunciation
<rt> | Definition | HTML5
📘
Self Contained Content
<article> | Definition | HTML5
📘
Self Contained Media
<figure> | Definition | HTML5
📘
Sidebar Content
<aside> | Definition | HTML5
📘
Thematic Grouping of Content
<section> | Definition | HTML5
📘
Visible Heading for Details
<summary> | Definition | HTML5
📘
Word Break Opportunity
<wbr> | Definition | HTML5
📘
Blog Post News Article Forum Post
<article> | Usage | HTML5
📘
Can Contain HTML Elements
<summary> | Content | HTML5
📘
Copyright Contact Links Social Media
<footer> | Usage | HTML5
📘
Data Value
<data> | value Attribute | HTML5
📘
First or Last Child of Figure
<figcaption> | Placement | HTML5
📘
Images Diagrams Code Snippets
<figure> | Usage | HTML5
📘
Inside Ruby Tag
<rt> | Placement | HTML5
📘
Japanese Kanji Reading
<ruby> | Usage | HTML5
📘
Long URL Break Points
<wbr> | Usage | HTML5
📘
min max value low high optimum
<meter> | Attributes | HTML5
📘
Only One Main per Page
<main> | Rule | HTML5
📘
Page Header Section Header
<header> | Usage | HTML5
📘
Primary Secondary Navigation
<nav> | Usage | HTML5
📘
Related Links Advertisement Author Bio
<aside> | Usage | HTML5
📘
Search Results Highlighting
<mark> | Usage | HTML5
📘
Should Have Heading Inside
<section> | Rule | HTML5
📘
Show Parentheses in Old Browsers
<rp> | Purpose | HTML5
📘
Start Expanded State
<details> | open Attribute | HTML5
📘
User Generated Content with Unknown Direction
<bdi> | Usage | HTML5
📘
value max
<progress> | Attributes | HTML5
📘
Visible State
<dialog> | open Attribute | HTML5
📘
YYYY-MM-DD Format
<time> | datetime Attribute | HTML5
📘
Article Publication Date
<time> | pubdate Attribute | HTML5
📘
Bold Text with Triangle
<summary> | Default Style | HTML5
📘
Chinese Pinyin
<ruby> | Usage | HTML5
📘
Custom CSS for Captions
<figcaption> | Styling | HTML5
📘
Difference and Use Cases
<section> | Section vs Article | HTML5
📘
Disk Usage Battery Level
<meter> | Use Cases | HTML5
📘
Exclusive Accordion Group
<details> | name Attribute | HTML5
📘
Multiple Footers Allowed
<footer> | Multiple Footers | HTML5
📘
Multiple Headers Allowed per Page
<header> | Multiple Headers | HTML5
📘
Nested Articles for Comments
<article> | Nesting | HTML5
📘
No value Attribute
<progress> | Indeterminate State | HTML5
📘
Screen Reader Navigation Landmark
<nav> | Accessibility | HTML5
📘
Show Modal Dialog
<dialog> | showModal Method | HTML5
📘
Skip to Main Content Link
<main> | Accessibility | HTML5
📘
Yellow Background
<mark> | Default Style | HTML5
📘
Custom Marker Triangle
<details> | CSS Styling | HTML5
📘
Search Engine Understanding
<header> | SEO Impact | HTML5
📘
Show Non Modal Dialog
<dialog> | show Method | HTML5
📘
Close Dialog
<dialog> | close Method | HTML5
📘
Dialog Return Value
<dialog> | returnValue | HTML5
📘
Submit Form Inside Dialog
<dialog> | Form Method Dialog | HTML5
📘
Chrome Edge 2022+ Firefox Partial
<dialog> | Browser Support | HTML5