Question

我想在下面用语言写作。

<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嵌入它，所以很有趣。

Answer 1

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

Answer 2

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

供您参考：

HTML2SLIM：MATLAB documentation
SLIM2HTML：https://html2slim.herokuapp.com/

如何编写语言纤细的嵌套标签

2 个答案: