Scribd
Upload
292 views

CS2205 - Web Programming 1 Assignment - Unit One

The document summarizes the results of validating 3 websites - nytimes.com, forbes.com, and premiumtimesng.com - against HTML standards. For each site, the first 5 errors or warnings are listed along with the validation tool used. It then provides comments on what works well and could be improved for each site, noting issues like invalid attribute values and unnecessary attributes.

Uploaded by

cr rcr
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
292 views

CS2205 - Web Programming 1 Assignment - Unit One

The document summarizes the results of validating 3 websites - nytimes.com, forbes.com, and premiumtimesng.com - against HTML standards. For each site, the first 5 errors or warnings are listed along with the validation tool used. It then provides comments on what works well and could be improved for each site, noting issues like invalid attribute values and unnecessary attributes.

Uploaded by

cr rcr
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

1. Identify 3 websites, which you've visited in the past.

  Run the HTML validating


software against each site. You can select any of the validating tools available online.’
1. https://www.nytimes.com
2. https://www.forbes.com
3. https://www.premiumtimesng.com

2. Provide comments on the results of your exercise for each website.  Make sure to list
any problems identified. Also, provide a link to the validation tool you used.

This page had 344 errors and warnings, below are the first five and the link to the validation
page.
Link: https://validator.w3.org/nu/?doc=https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.nytimes.com

1. Error : Attribute  xmlns:og  not allowed here.

From line 1, column 16; to line 2, column 68


TYPE html>↩<html lang="en-US"
xmlns:og="http://opengraphprotocol.org/schema/">↩ <he

2. Warning : Attribute with the local name  xmlns:og  is not serializable as XML 1.0.

From line 1, column 16; to line 2, column 68


TYPE html>↩<html lang="en-US"
xmlns:og="http://opengraphprotocol.org/schema/">↩ <he

3. Error : Bad value  144×144  for attribute  sizes  on element  link .

From line 38, column 255; to line 38, column 413


6cb.png"/><link data-rh="true" rel="apple-touch-icon-precomposed"
sizes="144×144" href="/vi-assets/static-assets/ios-ipad-144x144-
28865b72953380a40aa43318108876cb.png"/><link

4. Error : Bad value  114×114  for attribute  sizes  on element  link .

From line 38, column 414; to line 38, column 574


6cb.png"/><link data-rh="true" rel="apple-touch-icon-precomposed"
sizes="114×114" href="/vi-assets/static-assets/ios-iphone-114x144-
080e7ec6514fdc62bcbb7966d9b257d2.png"/><link
5. Error : CSS:  margin :  none  is not a  margin  value.

From line 42, column 2599; to line 42, column 2602


vx{margin:none;posit

2. https://www.forbes.com

This page had 67 errors and warnings, below are the first five and the link to the validation
page.
Link: https://validator.w3.org/nu/?useragent=Validator.nu%2FLV+https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fvalidator.w3.org
%2Fservices&acceptlanguage=&doc=https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.forbes.com

1. Error : Using the  meta  element to specify the document-wide default language is
obsolete. Consider specifying the language on the root element instead.

From line 1, column 211; to line 1, column 262


t="UTF-8"><meta http-equiv="Content-Language" content="en_US"><meta

2. Error : Attribute  itemprop  not allowed on element  meta  at this point.

From line 1, column 600; to line 1, column 781


s-origin"><meta name="description" itemprop="description" content="Forbes is
a global media company, focusing on business, investing, technology,
entrepreneurship, leadership, and lifestyle."><meta
Attributes for element meta:

Global attributes

name — Metadata name

http-equiv — Pragma directive

content — Value of the element

charset — Character encoding declaration

media — Applicable media

3. Error : Element  meta  is missing required attribute  content .

From line 1, column 957; to line 1, column 981


="Forbes"><meta property="og:type"><meta
Attributes for element meta:

Global attributes

name — Metadata name

http-equiv — Pragma directive

content — Value of the element

charset — Character encoding declaration

media — Applicable media

4. Error : Element  meta  is missing required attribute  content .

From line 1, column 2004; to line 1, column 2033


festyle."><meta itemprop="thumbnailURL"><meta
Attributes for element meta:

Global attributes

name — Metadata name

http-equiv — Pragma directive

content — Value of the element

charset — Character encoding declaration

media — Applicable media

5. Error : Attribute  itemprop  not allowed on element  meta  at this point.

From line 1, column 2088; to line 1, column 2197


ew:large"><meta name="news_keywords" itemprop="keywords" content="business,
tech, leadership, entrepreneurs, investing"><scrip
Attributes for element meta:

Global attributes

name — Metadata name

http-equiv — Pragma directive

content — Value of the element


charset — Character encoding declaration

media — Applicable media


3. https://www.premiumtimesng.com

This page had 69 errors and warnings, below are the first five and the link to the validation
page.
Link: https://validator.w3.org/nu/?doc=https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.premiumtimesng.com%2F

1. Error : Attribute  xmlns:fb  not allowed here.

From line 6, column 23; to line 6, column 157


E 8]><!--> <html class="no-js" lang="en-GB"
xmlns:fb="https://www.facebook.com/2008/fbml"
xmlns:addthis="https://www.addthis.com/help/api-spec" > <!--<

2. Warning : Attribute with the local name  xmlns:fb  is not serializable as XML 1.0.

From line 6, column 23; to line 6, column 157


E 8]><!--> <html class="no-js" lang="en-GB"
xmlns:fb="https://www.facebook.com/2008/fbml"
xmlns:addthis="https://www.addthis.com/help/api-spec" > <!--<

3. Error : Attribute  xmlns:addthis  not allowed here.

From line 6, column 23; to line 6, column 157


E 8]><!--> <html class="no-js" lang="en-GB"
xmlns:fb="https://www.facebook.com/2008/fbml"
xmlns:addthis="https://www.addthis.com/help/api-spec" > <!--<

4. Warning : Attribute with the local name  xmlns:addthis  is not serializable as
XML 1.0.

From line 6, column 23; to line 6, column 157


E 8]><!--> <html class="no-js" lang="en-GB"
xmlns:fb="https://www.facebook.com/2008/fbml"
xmlns:addthis="https://www.addthis.com/help/api-spec" > <!--<

5. Warning : The  type  attribute is unnecessary for JavaScript resources.

From line 19, column 4; to line 19, column 34


76" />↩ <script type="text/javascript">↩
3. For each site answer: What works well on this site?  What could be improved?

1. https://www.nytimes.com

What works well:

 Simplified layout
 Fast loading of pages
 Responsive across different screen sizes
 Looks identical across different browsers.

What should be improved:

 The xmlns:og should be removed


 The attribute with the local name xmlns:og should be serialized to 1.0
 The value for the sizes attribute should be valid
 The CSS values for margin none should be set to 0.

2. https://www.forbes.com

What works well:

 Fast loading of pages


 Proper use of CSS for multi-layer menus and layouts
 Proper use of fonts and colors
 It’s responsive on different screen sizes

What should be improved:

 Attributes should be given their respective valid values


 Most of the errors are repetitive meaning the modification won’t be that hard

3. https://www.premiumtimesng.com

What works well:

 The Styles is properly used to give the site an appealing experience


 It renders the content fast
 Cross browser compatible

What needs to be improved:

 Illegal characters in query like space should be corrected


 Attributes that are not needed on an element needs to be removed
 Empty headings need to be filled

You might also like