Loading…

How to use HTML Nav Menu Generator

Enter label|url pairs, one per line, and the tool builds an accessible nav menu wrapped in a nav element and unordered list.

Frequently asked questions

How do I enter the menu items?

Write one item per line as label|url, for example About|/about. The text before the pipe is the link label and the text after is the href. A line without a pipe links to #.

Why wrap links in nav and a list?

A <nav> landmark lets assistive tech jump straight to navigation, and an unordered list conveys that the links are a related set and how many there are, which improves accessibility.

Can I mark the current page?

Add aria-current="page" to the active link so screen readers announce the user's location. You can add this attribute to the generated markup for the current page's link.

More HTML Tools

HTML Tag Counter
Count how many of each HTML tag exists in your code with detailed statistics breakdown
HTML Attribute Extractor
Extract all attributes from specific HTML elements and list their names and values
HTML Comment Remover
Remove all HTML comments from code including multi-line and conditional comments
HTML Attribute Remover
Strip every attribute from all HTML tags at once, leaving only bare element names, or remove only a named attribute like class or style
HTML Character Entity Finder
Scan text for special and non-ASCII characters and list their named, decimal and hexadecimal HTML entity codes for safe encoding
HTML Formatter
Beautify and format messy HTML code with proper indentation and structure for better readability
HTML Minifier
Minify HTML by removing whitespace, comments, and unnecessary characters to reduce file size
HTML Validator
Validate HTML structure, find syntax errors, unclosed tags, and invalid attributes instantly
HTML Cleaner
Strip unwanted tags, inline styles, Word HTML junk, and clean up messy code automatically
HTML Compressor
Compress HTML to reduce file size percentage with statistics on space saved
HTML to Text
Strip all HTML tags and extract plain text content only from HTML markup
HTML to Markdown
Convert HTML markup to clean Markdown syntax for documentation and content editing

← View all HTML ToolsBrowse all 1,100+ tools →