Я хотел бы написать ниже на языке slim.как кодировать теги гнезда на языке slim
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
и
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
я могу встроить его в линию HTML, так что просто интересно.
HTML:
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
SLIM:
li.active
a href="#"
| Link
span.sr-only (current)
и для этого HTML-код:
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
вы можете написать тонкий:
a.dropdown-toggle aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" href="#" role="button"
| Dropdown
span.caret
Для справки:
li.active
a href="#"
' Link
span.sr-only
| (current)
a.dropdown-toggle href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
' Dropdown
span.caret
Спасибо очень много, и я был удивлен, что вы могли бы предсказать мою другую линию! – tknv
Это неверно. '| Link' не покинет пространство между «Link» и следующим диапазоном, а 'span.sr-only (current)' создаст атрибут «current», а не текст «(текущий)» (из-за скобок), уступая HTML что сильно отличается от такового в ОП. – Amadan