How to extend the list of tags (with more HTML elements) in the Div element of the builder?

[diegocanal]

Is there a filter to add additional HTML tags to the DIV element of the builder:

It is essential to build pages/posts with correct semantic HTML.

Thanks!

[prakash_s]

Hello @diegocanal,

Thanks for writing to us.
You can add multiple Div elements inside the Div element to add an additional HTML tag. Please have a look at the given screenshot below.

Hope it helps
Thanks

[diegocanal]

Hello @prakash_s ,

I am afraid it does not help. I already knew I can nest Div builder elements.

The point is that the Div builder element is ideal to build HTML semantically correct structures. In its setting “HTML Tag” it gives the following options: <div>, <section>, <article>,<aside>, <header>, <footer>, <figure>, <ul>, <ol>, <li> and <a>, but they are not enough. So I was asking for a filter to add more options (HTML tags) to choose from. Please, see the following screenshot for clarification purposes:

Thanks

[ruenel]

Hello Diego,

Regretfully we do not have a filter function that allows you to register or modify the HTML tags in the builder. Please be advised that the contents of the HTML tag dropdown varies on the element. It will display the layout HTML tags in Section, Rows, Column or DIV and displays the Text related HTML tags when using a Button, Text or Headline elements.

Hope this helps.

[diegocanal]

Hello @ruenel ,

Being a long time user of PRO, I know the HTML tag dropdown varies on the element, thanks anyway for pointing that out. Regarding your statement:

It will display the layout HTML tags in Section, Rows, Column or DIV

The point is that it lacks some basic layout HTML tags that are of common use, that are crucial for building semantically correct HTML structures. I wonder why those tags have been left out. To give an example, how is it possible that the <figcaption> tag (HTML element) is missing, among others?

Thanks

[tristup]

Hi Diego,

I will check with our development team on the tags for the HTML layout and specifically the <figcaption> and will add this as a Feature Request, so it might be taken into account in the future.

Thanks

[diegocanal]

Hi @tristup,

OK, but please, notice that the <figcaption> tag was just an example. A builder that is aimed also to professional users should offer complete flexibility in terms of HTML structure and semantics.

I understand that there may be some technical debt that could prevent the possibility of adding more HTML tags (e.g., current CSS that uses HTML elements as selectors, instead of classes or ids) but this is an important matter that should be addressed ASAP. Some profesional web developers don’t care about semantics but many others –like me– do, for different reasons (accessibility, SEO, etc.).

Please, ask your development team to spend some time taking a close look at the HTML spec (living standard). They will realize that lots of HTML tags (HTML elements) are missing from the builder elements and that the categorization in 2 groups, "layout HTML tags " and “Text related HTML tags”, as your colleague @ruenel referred to them, does not make any sense. I would be glad to help them defining the complete list of HTML tags needed and how to include them within the builder.

Thanks.

[tristup]

Hi Diego,

Our development team is well aware of the standards, but there might be some reason why they didn’t add all other tags. I have already added this to the feature request list, with your thread, so they will check all of your comments while looking into that.

Thanks