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 trial

HTML

Jeremy Dawson
Jeremy Dawson
1,968 Points
Posted by Jeremy Dawson
Jeremy Dawson
1,968 Points

Section error found when checking HTML code using W3C.

<!DOCTYPE html>
<html> 
  <head>
   <meta charset="utf-8">
    <title>Jeremy Dawson | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,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=deivce-width, initial-scale=1.0">
  </head>
 <body>
   <header>
     <a href="index.html" id="logo">
        <h1>Jeremy Dawson</h1>
        <h2>Designer</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">
              <img src="img/numbers-01.jpg" alt="">
              <p>Experimentation with colour and texture.</p>
            </a>
          </li>
         <li>
            <a href="img/numbers-02">
              <img src="img/numbers-02.jpg" alt="">
              <p>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
         <li>
            <a href="img/numbers-06">
              <img src="img/numbers-06.jpg" alt="">
              <p>Trying to create an 80"s style of glows.</p>
            </a>
          </li>
         <li>
            <a href="img/numbers-09">
              <img src="img/numbers-09.jpg" alt="">
              <p>Drips created using Photoshop brushes.</p>
            </a>
          </li>
         <li>
            <a href="img/numbers-12">
              <img src="img/numbers-12.jpg" alt="">
              <p>Creating shapes using repition.</p>
            </a>
          </li>
        </ul>
     </section>
      <footer>
        <a href="http://twitter.com/atplfinance"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com.com/atplfinance"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Jeremy Dawson</p>
     </footer>
     </div>
 </body>
</html>
David Bath
David Bath
25,940 Points
David Bath
David Bath
25,940 Points

What is the text of the error?

Jeremy Dawson
Jeremy Dawson
1,968 Points
Jeremy Dawson
Jeremy Dawson
1,968 Points

Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections. From line 27, column 7; to line 27, column 15 r">ā†© <section>ā†©

David Bath
David Bath
25,940 Points
David Bath
David Bath
25,940 Points

I guess you'd better add a heading! But in reality a warning is not an error, it's more like recommended usage.

Jeremy Dawson
Jeremy Dawson
1,968 Points
Jeremy Dawson
Jeremy Dawson
1,968 Points

Thanks Dave, that's reassuring.

1 Answer

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

"Section lacks heading" is just a warning based on "best practice". It's not a validity error.

On the other hand, I did get an error on the google fonts line. It says: "Illegal character in query: the pipe character (|) must be encoded as %7C".

That's interesting. I'd never run any tutorial examples through the W3C validator before.