<a href="http://accessibilitymaker.com/a-section-is-meaningless-without-a-name/">Link to an article I wrote about naming sections</a>

<hr>

<section>
  <a href="#foo">section element only</a>
</section>
<section title="foo">
  <a href="#foo">with a title attribute</a>
</section>
<section>
  <h2>With a heading</h2>
  <a href="#foo">some other link</a>
</section>
<section aria-label="this is the label">
  <a href="#bar">bar</a>
</section>
<section role="region">
  <a href="#bar">and more!</a>
</section>
<a href="#foo">placeholder link</a>
td {
  border: 1px solid black;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.