Question

下面的html +液体代码没有把它应该放在什么地方。

＆＃13;

<div  class="collection-item">
	<a href="{{ collection.url }}">
		<img src="{{ collection_image }}" alt="{{ collection_alt | escape }}" class="img-responsive collection-img">
		<p class="collection-title">{{ collection_title}}</p>
		<div class="hover-content">
			<div class="hover-content__wrap">
				<p class="collection-title">{{ collection_title}}</p>
				<div class="divider"></div>
				<div class="cta">
					<a href="{{ collection.url }}" class="btn btn--primary">Explore<i class="fa fa-long-arrow-right"></i></a>
				</div>
			</div>
		</div>
	</a>
</div>

＆＃13;

在浏览器中提前关闭一个标签，并且不必要地多次输出它，无法理解为什么。

＆＃13;

<div class="collection-item">
  <a href="/collections/hats" style="
    display: block;
">
		<img src=" //cdn.shopify.com/s/files/1/0746/5419/collections/hats_collection_500x500.png?v=1516731948 " alt=" Hats " class="img-responsive collection-img">
		<p class="collection-title"> Hats </p>
	</a>
  <div class="hover-content">
    <a href="/collections/hats"></a>
    <div class="hover-content__wrap">
      <a href="/collections/hats">
        <p class="collection-title"> Hats </p>
        <div class="divider"></div>
      </a>
      <div class="cta">
        <a href="/collections/hats"></a>
        <a href="/collections/hats" class="btn btn--primary">Explore<i class="fa fa-long-arrow-right"></i></a>
      </div>
    </div>
  </div>

</div>

＆＃13;

Answer 1

你有一个<a>包裹另一个<a>

shopify liquid关闭html早期标签

1 个答案: