Читал читал думаю дай помогу вам! Есть хорошие места там тепло и уютно всем квалифицированным верстальщикам (не квалифицированным там смерть! ) зовутся эти места спецификации! Вот одно из них! http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#rel-up Там написано примерно следующие: В этой спецификации нет специально тега для крошек, поэтому юзайте параграф и если нужно засуньте это всё в тег nav. От себя добавлю: это не первое место где они советуют использовать тег "p" потому что не предусмотрели другого , но в данном случае вообще нет вариантов как бы это сделать. Использовать "ul, li" не правильно так как они не одноуровневые. div span это пустые теги что они есть что их нет для семантики без разницы. Вариант с "section" для каждой ссылки, вложенные друг в друга будет не правильным по тому что они создадут каждая свой подраздел, а подраздел для одной ссылки это тоже самое что стрелять с базуки по тараканам , и тем более для выпадающего меню мы используем вложенные "ul, li, ul, li", а для каждой крошки "section" думаю как то не очень А использовать "ul, li, ul, li" для каждой крошки тоже не очень красиво разметки в два раза больше чем контента получается... <div id="breadcrumb" > <ul> <li> <a href="http://dmoz.org/" shape="rect" >Top</a> <ul> <li> <a href="http://dmoz.org/Science/" shape="rect" >Science</a> <ul> <li> <a href="http://dmoz.org/Science/Biology/" shape="rect" >Biology</a> <ul> <li> <a href="http://dmoz.org/Science/Biology/Genetics/" shape="rect" > Genetics</a> <ul> <li> <a href="http://dmoz.org/Science/Biology/Genetics/Genomics/" shape="rect" > Genomics</a> <ul> <li> <span>Pharmacogenetics</span> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> хотя если хлебные крошки будут смешаны с навигацией и содержать по несколько ссылок в каждом пункте, например выпадающие по ховеру, то нужно юзать "ul, li, ul, li" Вот так както!