HTML5 Elements for UNIX.COM


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? HTML5 Elements for UNIX.COM
# 1  
Old 11-27-2018
HTML5 Elements for UNIX.COM

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:


Code:
<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
This User Gave Thanks to Neo For This Post:
# 2  
Old 11-28-2018
Update: Made a lot of progress thanks to this excellent Chrome extension:

META SEO inspector

This is an excellent Chrome plugin for web dev:

Quote:
A Google Chrome extension useful to inspect the meta data found inside web pages, usually not visible while browsing.

Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.

This extension is mainly aimed at web developers that need to verify the HTML of their site to follow the Webmasters' Google Guidelines, but even to who is curious about any page contents that are usually not visible, but can reveal interesting site properties.
Sure made my life easier and saved a lot of time.
# 3  
Old 11-28-2018
That last one was fixed just now by removing this code from template neo_mobile_user_login (currently used for both desktop and mobile):

Code:
<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.
HTML5 Elements for UNIX.COM-screen-shot-2018-11-29-104950-ampng
# 4  
Old 11-29-2018
OK, I found it.... in the footer template there was a legacy HTML template from vB called

Code:
$spacer_close

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

Code:
$spacer_closeXXX

How we are here:

Image

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 Smilie
# 5  
Old 11-29-2018
OK.... I fixed the UTF encoding error by adding this to our PHP global_start plugin:

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

That's fixed Smilie
# 6  
Old 11-29-2018
DITTO.

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

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

Image

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

I had no idea I would ever become some kind of amazing web master like this... haha
# 7  
Old 11-29-2018
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:


Code:
<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


Image
Login or Register to Ask a Question

Previous Thread | Next Thread

8 More Discussions You Might Find Interesting

1. UNIX for Dummies Questions & Answers

How to declare an array in UNIX and print the elements with tab delimits?

Hello, In a shell script, I want to declare an array and subsequently print the elements with tab delimits. My array has the following structure and arbitrary elements: myArray=('fgh' 'ijk' 'xyz' 'abc'); Next, I would like to print it with a '\n' at the end. Thanks for your input! ... (2 Replies)
Discussion started by: Gussifinknottle
2 Replies

2. Programming

Array Elements Check

Hi everyone, :) I'm trying to make a simple C program that scans an array of chars to see if its elements are similar. I can't understand what's wrong. Could you help me to fix this? Here is the code. Thanks! #include<stdio.h> int main() { int arr; int i, len; int flag =... (10 Replies)
Discussion started by: IgorGest
10 Replies

3. Shell Programming and Scripting

How to delete first elements from files?

Hello, I want to select first element from 2 to 3 files how I would do that. e.g my input files are:- file1=(1,2,3,4) file2 =(1,2,3,4) file3=(1,2,3,4) output should be outputfile=(1,1,1,1) (12 Replies)
Discussion started by: shazo
12 Replies

4. IP Networking

testing network elements

for testing network elements which of the below is TRUE a)Thorough understanding of RFC s/ IETF standards is enough. b)One has to know design specifications along with standards and specification. c)Understanding customer requirements is required for acceptance test only and not for... (0 Replies)
Discussion started by: venkatadilip
0 Replies

5. UNIX for Dummies Questions & Answers

Help with editing string elements

Hi All I have a question. I would like to edit some string characters by replacing with characters of choice located in another file. For example in sample file>S5_SK1.chr01 NNNNNNNNNNNNNNNNNNNCAGCATGCAATAAGGTGACATAGATATACCCACACACCACACCCTAACACTAACCCTAATCTAACCCTGGCCAACCTGTTT... (9 Replies)
Discussion started by: pawannoel
9 Replies

6. UNIX and Linux Applications

graphical elements under Control-M

Hello Guys... My customer is trying to use Control-M to schedule a batch file that runs my application and executes one Javascript, but he is facing problems with the graphical ellements from my application, that has a splash screen showing the name of the application, the license used and a... (0 Replies)
Discussion started by: ftrapnell
0 Replies

7. Shell Programming and Scripting

just want certail elements

I just want to be able to take every 6 value out of an arrays can someone tell me what i'm doing wrong? the data looks like 1500680,Treverbyn,397,1,2136,4420 and i want the 2 element treverbyn out of every row #hour0.pl my $url = 'http://en19.tribalwars.net/map/tribe.txt'; use... (1 Reply)
Discussion started by: frenchface
1 Replies

8. Shell Programming and Scripting

To return the elements of array

Hi, Please can someone help to return the array elements from a function. Currently the problem I face is that tempValue stores the value in myValue as a string while I need an array of values to be returned instead of string. Many Thanks, Sudhakar the function called is: ... (5 Replies)
Discussion started by: Sudhakar333
5 Replies
Login or Register to Ask a Question