Build html tag using variable name for element

Question

I want to use a string variable which could contain the values h1, h2, h3 etc to build some html. This works fine for the opening tag, but does not work nicely for the closing tag. If I write

@{ var tag = "h1" ; }
<@tag>some title here</@tag>

I end up with the html

<h1>some title here</@h1>

A work-around which seems to work is

<@tag>some title here<@("/"+tag)>

but it's pretty ugly. Is there some escape sequence I need to use here?

Would creating a custom HTML helper work? Something like @Html.MyCustomTag("h1", "some title here") using TagBuilder? — Paul Abbott
– Paul Abbott, Commented Sep 22, 2017 at 21:46
@PaulAbbott I'm sure that would be a perfectly good way to do it, but I was curious as to the syntax (or escape sequence) I needed to use in the problem above. — Matthew Dresser
– Matthew Dresser, Commented Sep 22, 2017 at 22:15

Fatih · Accepted Answer · 2018-02-08 08:14:39Z

1

You can use Html.Raw.

string lineTemplate = "<h{0}>{1}</h{0}>";
for (int tagCounter = 1; tagCounter < 7; tagCounter++)
{
    @Html.Raw(string.Format(lineTemplate, tagCounter, "Header "+ tagCounter));
}

answered Feb 8, 2018 at 8:14

Fatih

1,15420 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ray H · Accepted Answer · 2017-09-23 03:36:25Z

0

i am not sure which Razor version you are using

but i tested your code in my MVC4, it works perfectly

it will render <h1>something</h1>

answered Sep 23, 2017 at 3:36

Ray H

5213 silver badges8 bronze badges

Comments

Mikael Tetenkin · Accepted Answer · 2023-09-15 16:05:24Z

0

@Html.Raw($"<{tag}>some title here</{tag}>")

answered Sep 15, 2023 at 16:05

Mikael Tetenkin

1

Collectives™ on Stack Overflow

Build html tag using variable name for element

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related