HTML5 Elements for UNIX.COM

What is on Your Mind?
1

You may notice some new headers and section labels on existing pages and sections.

I have been updating the site to be fully HTML5 compliant and have started to wrap various HTML templates for the site with HTML 5 elements like the ones below:

<article>	Defines an article in a document
<aside>	Defines content aside from the page content
<bdi>	Isolates a part of text that might be formatted in a different direction from other text outside it
<details>	Defines additional details that the user can view or hide
<dialog>	Defines a dialog box or window
<figcaption>	Defines a caption for a <figure> element
<figure>	Defines self-contained content
<footer>	Defines a footer for a document or section
<header>	Defines a header for a document or section
<main>	Defines the main content of a document
<mark>	Defines marked/highlighted text
<meter>	Defines a scalar measurement within a known range (a gauge)
<nav>	Defines navigation links
<progress>	Represents the progress of a task
<rp>	Defines what to show in browsers that do not support ruby annotations
<rt>	Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>	Defines a ruby annotation (for East Asian typography)
<section>	Defines a section in a document
<summary>	Defines a visible heading for a <details> element
<time>	Defines a date/time
<wbr>	Defines a possible line-break

See also:

HTML5 New Elements

1 Like
2

Update: Made a lot of progress thanks to this excellent Chrome extension:

META SEO inspector

This is an excellent Chrome plugin for web dev:

Sure made my life easier and saved a lot of time.

3

That last one was fixed just now by removing this code from template neo_mobile_user_login (currently used for both desktop and mobile):

<style>
input[type=checkbox]{
  width: 15px; 
  height: 15px; 
}
input[type=text] 
{
    background-color: #eef285;
    color: black;
}
</style>

I earlier moved this to the <head></head> area in another file, so I don't think it is necessary anymore.

Still cannot find the "handing div in the footer".. but I will eventually find it... I suspect it is in another included template somewhere but have not found it so far. Will trouble shoot further on the weekend by disabling the footer and see if that clears it.

4

OK, I found it.... in the footer template there was a legacy HTML template from vB called

$spacer_close

So I commented it out with XXX for now and the error goes away.

$spacer_closeXXX

How we are here:

972×450 54.4 KB

The first three about IE=edge and UTF-8 I cannot fix regardless of which new shiny meta tags I add. Ideas welcome!

However, I can force fix this last one about rowspan in the stats plugin on the homepage when I have time.....

Actually, it is a major accomplishment to go from over 350 errors and warnings on the home page using the W3 validator to 4. I'm pleased :slight_smile:

5

OK.... I fixed the UTF encoding error by adding this to our PHP global_start plugin:

header('Content-type: text/html; charset=utf-8');

That's fixed :slight_smile:

6

DITTO.

Fixed the IE=edge error in the validator with both of these PHP headings:

header('Content-type: text/html; charset=utf-8');
header('X-UA-Compatible: IE=edge');

892×220 27.4 KB

I'm awesome ... LOL.... 350+ down to one in a day and a quarter :slight_smile:

I had no idea I would ever become some kind of amazing web master like this... haha

7

OK... removed this in two cyb templates ( cyb_topstats_stats and cyb_topstats_stats_row ) in two places in each and it works fine and errors are gone:

<if condition="$cybtopstats_blocksec_enabled">rowspan="3"</if>

At least our home page here is 100% W3 validated now, FWIW. Wow... 350 warnings and errors to zero...what an exercise in busy-work! LOL

941×516 45.6 KB

8

Status: Making progress on the "showthread" template.... currently 34 HTML Validator warnings and errors.

Early, I have fixed all of these errors, but some errors I fixed caused the quick reply function to break (changing name= to id= tags), so I had to revert about a hours worth of work :frowning: