Semantic HTML for settings elements
I'm trying to make a settings page with HTML and CSS. The single settings have a label on the left side and an interactive element / multiple interactive elements on the right side. I don't know which HTML tag is…
HTML5 Section or Article
Let's say I have this part of my website (project to make a webshop): <section id="GraphicsCards"> <h2>Graphics Cards</h2> <section> <h3>Radeon GPUs</h3> <section> <h4>ASUS Dual Radeon RX 7800 XT OC</h4> <p>1x HDMI, 3x DisplayPort, RDNA 3</p> <img src="../media/GPUs/rx7800xt.png" alt="rx7800xt"> <p class="price">Price:…
Seo – Is there semantic HTML for clarifying meaning?
We know there is the alt attribute for <img> for example. This attribute is useful and recommended for reasons of accessibility and SEO. We also know that semantic HTML tags are a thing. That is to say, that there exist…
Where I can find a rule, specified that tag <div> inside tag <p>? – Html
I am doing a task, where I need to correct given HTML file with some content and write a reason for this correction. And there are lines of code that I know must be corrected, but I can't find any…
I can't figure out how my Html is not semantic – SEO
I was given a test to replace all the div tags in an Html file with semantic Html5 tags. After replacing all the tags, my test failed in 2 places; I'll point them out below. In the test, it was…
Is the footer a self-contained article? – SEO
I am making the following html. Here, a colleague advised that add the article element is appropriate because the part currently enclosed in the section is self-contained by itself. ... <footer> <!-- add <article> here--> <section> <h1>heading</h1> </section> <section> <h1>heading</h1>…
How to implement a caption and photographer credit with <figure> – SEO
I would like to create a standard way to provide an image with an alt tag for accessibility and SEO, a descriptive caption, and a separate element for a photographer credit. It appears that only one <figcaption> is allowed per…
Should I use <h1> in a dialog? – SEO
HTML heading tags should be used in a way that maintains semantic structure (for both SEO and accessibility). Generally this means a single <h1> for the current page heading, with lesser headings nested from there. However dialogs are often created…
Separate headline markup order from visual and conceptual weight? – SEO
These 2 images illustrate my markup + the visual weight that clearly emphasizes the most important headline of the page. Sometimes the big headline has a little pre-headline .. or.. subheadline above it? That's the design; my job is bringing…
Nesting of the HTML5 nav and other semantic elements – SEO
When using the <nav> element in HTML, how should you handle navigation elements that contain links as well as other content (such as the logo in the example below)? I find myself containing everything in a <nav> element: <nav> <div…