Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [html5]

HTML5 is the fifth revision of and currently the latest version of HTML (HyperText Markup Language). The fifth revision of HTML introduced many new syntactic features such as video, audio, canvas as well as section and article to name a few, with which the content of websites may be better semantically structured.

Filter by
Sorted by
Tagged with
0 votes
1 answer
15 views

HOW TO BRING CENTRE ALIGNMENT IN WEB PAGE USING HTML? [closed]

In html, what can we write in the code to bring the content of my web page in the center ?? I have tried to write the code within "center" tag and "/center" but it's not working. ...
Sanchali's user avatar
0 votes
0 answers
16 views

Non-standard tags effects on SEO [duplicate]

I am interested in understanding the effects on SEO (not only Google) of non standard HTML elements, be they HTMLUnknownElement or Custom Elements while retaining as much as possible native semantic ...
Nillus's user avatar
  • 101
2 votes
3 answers
193 views

How do I correctly use h2 tags given that Google says to not overuse them?

I am confused about when I should use a h2 tag and when I should avoid it. Like most commercial websites I have a product list page. 24 products are divided into 6 rows of 4 columns each. The product ...
Bo Terham's user avatar
2 votes
1 answer
93 views

How do technical SEO and HTML5 markup for Headline, Section and outlines?

I am looking for a good and safe example/solution for headlines in a <section> or <footer> or <header> markup for 2023. I read here that by using <main> <section> etc you ...
Sebastian's user avatar
  • 121
4 votes
1 answer
261 views

Handling # uri fragments as regular requests

So I have a one-page website with multiple sections and IDs. Right now, in the nav, I have it going to #about to jump them down to a section with ID=about But I want the user to be able to go to ...
Josh Holly's user avatar
1 vote
1 answer
43 views

Where are HTML 5's Document Tree Definitions

I am looking to understand the official fundamentals of HTML document tree creation. There are numerous examples of HTML document trees on the web however I have not been able to find formal or ...
user7420124's user avatar
4 votes
1 answer
680 views

Responsive Websites <meta name="viewport" content="width=device-width, initial-scale=1">

Everywhere I look (e.g. Web.dev), it tells you that you must use <meta name="viewport" content="width=device-width, initial-scale=1"> in the header of your HTML file, so ...
Chris Rogers's user avatar
1 vote
1 answer
52 views

Do search engines crawl the contents of the details tag?

I'm working with some pages that are only partially visible because most of the content is behind a paywall. In order to help the page be discoverable in organic searches, I am in the process of ...
Mentalist's user avatar
  • 227
1 vote
1 answer
106 views

Use in the breadcrumb article tag

I'm using the breadcrumb inside the article tag, would that be a good use? let me give an example <article> <nav aria-label="Breadcrumb"> <ol> <li><a href="/&...
awaken's user avatar
  • 129
2 votes
1 answer
574 views

How should the HTML lang attribute be formatted in terms of case and delimiter?

Consider these 4 codes: lang="fa-ir" lang="fa-IR" lang="fa_ir" lang="fa_IR" Which one is correct? I can't seem to find documentation for it.
Shahriar's user avatar
  • 196
5 votes
1 answer
1k views

Figure or Div, which should I use?

I'm designing a news site. I use thumbnails of news on the homepage. Should I use the div or figure tag for them? Sample figure, <a href="/news_url"> <figure> <img src="...
awaken's user avatar
  • 129
3 votes
1 answer
529 views

Does having many CSS classes in a webpage affect SEO?

Given that we have to use many classes in a webpage in order to use TailwindCSS, does this have an effect on SEO? Will GTmetrix display errors for this number of classes? This for example is a small ...
user avatar
3 votes
1 answer
57 views

How to set datetime attribute when displaying the same time for multiple time zones?

If I have a date output with multiple time zones such as this which I'm using for an events page: Oct 30, 2021 - 07:00 AM AEDT, Oct 29, 2021 - 21:00 PM BST, 15:00 PM CDT, 16:00 PM EDT Is there a ...
onebitrocket's user avatar
3 votes
1 answer
285 views

How to mark decades and centuries up using HTML5 <time> tag?

This is how I would mark year 1971 up: <time>1971</time> <time datetime="1971">nineteen seventy-one</time> But how do I mark a decade '70s up (there are also other ...
CamSpy's user avatar
  • 1,619
13 votes
2 answers
9k views

How to improve extremely slow page load time on a 23MB web page full of SVGs?

I have a webpage that is full of inline-SVG around 140+ inline SVGs! Just the HTML file size is 23MB, plus there is external CSS and JavaScript loading, though that is roughly only around 30KB. The ...
Syed M. Sannan - alt's user avatar
2 votes
1 answer
92 views

How Important Are <main> Tags for SEO?

What do you think? Seems to me that adding <main></main> tags around your page content tells Google what content is most important and unique to this page. Google then knows to only look ...
swanie's user avatar
  • 31
0 votes
1 answer
529 views

Does HTML5 Custom Tag impact SEO?

For example if to wrap a heading in <product-title> and </product-title> instead of h1...h6. Is there a mention of the issue somewhere on the Internet?
stckvrw's user avatar
  • 257
1 vote
0 answers
76 views

Audio Stream Problem In IOS

I’m using WordPress 5.6 and WordPress Internal Audio Player (HTML 5 Audio Player). Everything is OK on all major browsers, PC, Android - except iOS. In iOS browsers (Safari, Firefox, etc) it turns to ...
Milad's user avatar
  • 31
1 vote
2 answers
439 views

Getting HTML includes to work with XAMPP

I am having problems getting a virtual host to display includes. I am using XAMPP for Linux. I have tried "XBitHack on", which didn't work. My index.html file looks like this: <!DOCTYPE ...
Lee's user avatar
  • 252
0 votes
2 answers
3k views

Can I wrap header, main, and footer HTML tags in divs for SEO?

I'm working on my brand new website and I'm trying to make it as optimized as possible mainly for SEO. In order to reach that goal, I'm trying to do best practices for it's hierarchy. My website is ...
TamirNahum's user avatar
2 votes
1 answer
38 views

Hreflang attribute on <a> tag

Recently I discovered that we can add hreflang to our <a> tags to inform about the language of the page which is being linked. It seems to me that it is a perfect fit for links pointing to ...
Andriy Gordiychuk's user avatar
1 vote
0 answers
22 views

What are the different ways to creating template for a website from scratch? [closed]

I would like to know the different ways we can create template for a website because many times the pre-made templates available online don't fit to the requirements of everybody. The style I want ...
Pragyan's user avatar
  • 111
0 votes
3 answers
3k views

Using multiple 'main' and 'section' tags in one page and SEO

I use semantic HTML5 tags for SEO reasons. In react I have some components that they inherit from each other. For example, a parent component has two children. Each outer HTML tag of the child is <...
S. Hesam's user avatar
  • 113
1 vote
0 answers
12 views

Passing parameters to conditional statements in HTML5 [closed]

I want a link to say Broadcast (Online) when someone is online, and Broadcast (Offline) when someone isn't. I know I can write an if statement, but how do I pass the parameter that someone is online ...
Sidereal's user avatar
  • 111
3 votes
1 answer
383 views

Is it correct that I no longer need to escape Extended Latin characters in HTML when using UTF-8 encoding?

Some background first: 2003 - 2010 In 2003, I switched from HTML 4.01 to XHTML 1.0 and encoded my XHTML documents, using: <meta http-equiv="Content-Type" content="text/html; charset=ISO-...
Rounin's user avatar
  • 2,335
16 votes
3 answers
7k views

On what specific grounds were HTML Imports rejected, deprecated and removed?

TLDR: On what specific grounds did browser-makers reject, deprecate and remove HTML Imports? This is me (four hours ago): Apparently I have been living under a rock, because only today I have ...
Rounin's user avatar
  • 2,335
0 votes
1 answer
30 views

How to justify implenting a quality HTML coding standard will help in SEO ranking?

One of my clients is an e-commerce website which ranks 6-10th for their keywords. Apart from the other SEO technniques, I suggested them to reveiw their code and optimize as per the HTML standards ...
Bhargav Joshi's user avatar
1 vote
0 answers
34 views

Is there some way to make HTML textareas "steal" tab key presses, preferably without using JavaScript? [closed]

If I, for example, ask a new question on Superuser, and I start typing in the message body textfield, and I make a newline and then press tab, it does not add an actual tab inside the textarea; ...
webpage's user avatar
  • 11
2 votes
2 answers
384 views

html5 - <figure> element position importance

I am an advanced developer stuck with a simple question. Is the position of a <figure> element on a webpage Important or not? And what are some good use-cases of the figure element? Generally, ...
Luhn's user avatar
  • 121
2 votes
0 answers
36 views

Would there be any SEO or accessibility repercussions for having a blog article title appear twice in the HTML markup but only once visually?

On pages where I display a single blog post, my HTML markup structure can be broken down into the following: <body> <header><h1>Site Header</h1></header> <...
Timothy Fisher's user avatar
4 votes
2 answers
352 views

Embedded YouTube videos make my site fail Google's mobile optimization tests

I have a website with a responsive theme optimized for mobile. Despite that, many pages don't pass the "mobile-friendly test" from Google (https://search.google.com/test/mobile-friendly) Here is the ...
Sifro's user avatar
  • 181
0 votes
1 answer
38 views

Which Schema.org hierarchy should I use for my page?

I have a website with all handy tools, for example, Random Word Generator, Separate a list, etc. Now I want to boost my SEO and one of the things I want to add is Schema.org markup. So I've taken a ...
Gerrit's user avatar
  • 3
1 vote
1 answer
37 views

Can sites get by with just mp4 video these days? Converting to other formats bloats the size

Is it important to convert mp4 video to another formats like webm or is mp4 enough? I tried to convert to webm in online services, but it makes the size of the video file much bigger. The size ...
Alexander Myravjev's user avatar
2 votes
1 answer
730 views

SEO for bibliography/references section of webpage

How do I perform SEO within my references/bibliography section of my website? I have used an aria-label for accessibility purposes, but I don't know how to optimize for the actual citations. If I ...
Chris Rogers's user avatar
1 vote
1 answer
44 views

Mobile Web: Sliding whole page over to reveal navigation underneath

I'm making an all new mobile version of one of my sites. And I've decided that the way I want to do navigation is to have the 'hamburger' button cause the entire page to slide to the right, revealing ...
l008com's user avatar
  • 111
0 votes
0 answers
269 views

SEO benefits of HTML5 semantic tags [duplicate]

It's widely know that HTML5 offers some elements primarily for semantic purposes. These include: section, article, aside, header, footer, nav, figure, figcaption, time, mark & main. Do any of ...
Hassan Baig's user avatar
1 vote
0 answers
12 views

Finding all URLs called by a browser for loading a specific URL using Safari, Chrome or Firefox Dev Edition

I would like to sort all URLs of my website into two categories: static (=cacheable) and dynamic. Sadly the shop software does not have a URL structure allowing for this distinction. So what I would ...
DrSvanHay's user avatar
  • 193
2 votes
2 answers
6k views

How do I show alt text when hovering over an anchor with a mouse? [closed]

I'd like to show some descriptive text when the mouse hovers on a link: <a class="foo" alt="Hello World" href="/index.html">Hello World</a>
Giuliano Malatesta's user avatar
3 votes
2 answers
4k views

Is it okay for SEO to wrap block elements in a link?

We have a request to have an entire block of content be clickable as opposed to just a link field. Questions: Is it good practice to allow for entire block of content to be clickable? If we wrap ...
usernameabc's user avatar
4 votes
1 answer
782 views

Can I use <icon> element in HTML5? It fails the W3C validator

When I go to the W3C validator service, to try out if it complains about using an <icon> element, with this example: <!doctype html> <html lang="en"> <head> <title>...
Digital Ninja's user avatar
5 votes
1 answer
699 views

Google search results snippet for our site is a warning about not being able to play HTML5 video

All of a sudden, without any change in the index.html, our site is showing up in Google search results (on multiple browsers and devices) with Google Preview text that, instead of giving a summary of ...
AdjunctProfessorFalcon's user avatar
4 votes
3 answers
6k views

Will it help SEO to use <strong> tags just around a keyword while making a larger containing phrase bold using CSS?

I'd like to make keywords in the text more relevant for crawlers, and also to enhance some parts in the text to get an easy readability avoiding keywords dilution. I was thinking to do it this way: &...
benny-ben's user avatar
  • 280
0 votes
2 answers
543 views

Should I load a large category menu structure via ajax

I'm trying to understand what is best practice for rendering large quantity of navigation links. If a site has 100+ categories in a menu system each containing a link to the category (placed within a ...
Radderz's user avatar
  • 161
1 vote
0 answers
39 views

HTML5 navigation and search engine optimization

I'm trying to use HTML5 navigation for AngularJS application. Everything works well, until SEO optimisation. For hashbang sub-urls (example.com/#!/siuburl) most of crawlers (google, facebook) which ...
Alexey Adamovskiy's user avatar
2 votes
1 answer
121 views

What are the practical benefits of having just one <h1> per page

It is a recommendation to have just one per page, even validators print out a warming if there are more, but other recommendations contradict it like: Any rank can be used as the heading of an ...
Eiws Not's user avatar
1 vote
1 answer
44 views

Does Google read and value text placed inside <detail> tag

HTML5 has a <detail> tag (explained here) that shows a summary and shows all text if clicked on read more. Does Google value content inside tag as much as text written outside it?
user avatar
1 vote
3 answers
2k views

Can I use Google Analytics from a local HTML file on Android (no hosting)?

I created an HTML file that uses Google Analytics. When I use it at a URL on my web host, it is working perfectly. Can I instead use it locally on my Android device, instead of hosted on my website?...
Moving Digital's user avatar
4 votes
1 answer
7k views

How do I specify the HEVC codec in the HTML5 video source type attribute? [closed]

(Originally posted on Stack Overflow) I'd like to load and play a smaller HEVC-encoded video on web browsers with support for it. I'm using this code on Safari 11 (macOS 10.13), which has support ...
nfrasser's user avatar
  • 151
6 votes
3 answers
5k views

Html5 tag video VS Youtube video

Is it better to embed a Youtube video in an Iframe or to load the video on an HTML5 tag ? Which's better from an SEO point of view ? Is there any difference on the loading time, optimization and the ...
Dhon Joe's user avatar
  • 191
3 votes
3 answers
2k views

Can hreflang be placed on the body of the HTML?

Can hreflang be placed on the body of the HTML? Or has it to be in the head? I can't find clear information about this.
Adrian Godoy's user avatar

1
2 3 4 5
8