Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialShen JIE LIN
10,612 PointsValidator check error
Hi, Dear TreeHouse Fellows
I uploaded my index.html to validator through direct input by copying pasting
and it gave me one error as the follows:
" Line 7, Column 142: Bad value http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800 for attribute href on element link: Illegal character in query: not a URL code point. …ne|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> Syntax of IRI reference: Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20 "
It seems that it is having problem with the fonts I copy and pasted from google, is that something to pay attention to?
Thanks
Shen Jie Lin
8 Answers
Erik Nemesis
13,356 PointsWell, it is working fine as I see here. Don't pay attention to everything the HTML validator says, nowadays most of the work we are doing is by hacking our way here and there so...
Erik Nemesis
13,356 PointsCan you post a copy of your index.html page? Use a service such as http://jsbin.com/
Shen JIE LIN
10,612 PointsThe output looks okay when I post on http://jsbin.com/
However, here is a copy of my index.html code
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Shen Jie Lin | Engineer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initial-scale-1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Shen Jie Lin</h1> <h2>Engineer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <Li><a href="about.html">About</a></Li> <Li><a href="contact.html">Contact</a></Li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <Li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="https://www.facebook.com/shenjie.lin"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2014 Shen Jie Lin.</p> </footer> </div> </body> </html>
Shen JIE LIN
10,612 Points<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Shen Jie Lin | Engineer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initial-scale-1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Shen Jie Lin</h1> <h2>Engineer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <Li><a href="about.html">About</a></Li> <Li><a href="contact.html">Contact</a></Li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <Li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> <Li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </Li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="https://www.facebook.com/shenjie.lin"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2014 Shen Jie Lin.</p> </footer> </div> </body> </html>
Shen JIE LIN
10,612 Pointshmmm, I think I am not exactly sure how to post my code on here, sorry im pretty newbie.
since copy past comes out wrong
Shen JIE LIN
10,612 Pointsokay I think I know what you mean now
my output http://jsbin.com/jujibeja/1/
and codecast http://jsbin.com/jujibeja/1/watch
Shen JIE LIN
10,612 PointsI see, thanks lots Zoro!
appreciate your quickness in answering my questions
:)
Jason Anello
Courses Plus Student 94,610 PointsHi Shen JIE LIN,
You want to url encode the vertical bar |
Replace it with %7C
and that should get rid of your error.