Wrap content with link if condition = true?

Question

What is the best way to wrap some elements inside a link, if a condition is true?

So, lets say i have this markup:

<div>
   <h1>Header</h1>
   <span>Subheader</span>
   <p>Lorem ipsum</p>
</div>

If i have a condition == true, then the whole above markup should be wrapped in a link, like so:

<a href="#">
    <div>
       <h1>Header</h1>
       <span>Subheader</span>
       <p>Lorem ipsum</p>
    </div>
</a>

This is in Razor/C# code. What is the best way, without dublicating the markup?

Answer 1

Maybe a little less hackish than @Html.Raw("…")

@if (condition) { 
    @:<a href="#"> 
}
<div>
    <h1>Header</h1>
    <span>Subheader</span>
    <p>Lorem ipsum</p>
</div>
@if (condition) { 
    @:</a>
}

related: What does @: mean in ASP.net MVC Razor?

Answer 2

I feel like this is cheating, smelly and hack'ish but:

@if (condition) { @Html.Raw("<a href='#'>") }
    <div>
        <h1>Header</h1>
        <span>Subheader</span>
        <p>Lorem ipsum</p>
    </div>
@if (condition) { @Html.Raw("</a>") }