Academic Calendar

Foothill College | Home

Student Services

Career Technical Education

Campus Map

Current Students

Class Schedule | Foothill College

Tutoring Programs | Foothill College

Faculty & Staff

Page Not Found | Foothill College

Do not link to an anchor on the page that does not exist. For example:
linking to `#content` without a valid destination such as `<body id="content"></body>`.

A common web design pattern is to use a named anchor to show an element via JavaScript, e.g.

```html
<a href="#foo" onclick="$('.bar').toggle();">Click me</a>
<div class="bar">
    This is some content.
</div>
``` 

In these cases, the anchor (`#foo`) should point to the `id` of the hidden element:

```html
<a href="#foo" onclick="$('#foo').toggle();">Click me</a>
<div id="foo">
    This is some content.
</div>
```

This way the semantic intent of the link is preserved, even without JavaScript. 
Note that doing so may require modification to your script, to prevent automatic 
scrolling to the named anchor.

linking-to-anchor-on-page-that-does-not-exist

September 2024

August 2024

Foothill College

Title / URL	Issues
Academic Calendarfoothill.edu/calendar/	1
Foothill College \| Homefoothill.edu/	1
Student Servicesfoothill.edu/services/	1
Career Technical Educationfoothill.edu/cte/	1
Campus Mapfoothill.edu/map/	1
Current Studentsfoothill.edu/current/	1
Class Schedule \| Foothill Collegefoothill.edu/schedule/	1
Tutoring Programs \| Foothill Collegefoothill.edu/tutoring/	1
Faculty & Stafffoothill.edu/fac-staff/	1
Page Not Found \| Foothill Collegefoothill.edu/invented-url-for-404-page	1

Avoid linking to anchors that do not exist

Foothill College

Where this issue has occurred