Bates College Campus Map

Office of the President | Bates College

About Bates | Bates College

Campus Safety | Bates College

Campus Life | Bates College

Center for Purposeful Work | Bates College

Page not found | Bates College

Library | Bates College

News | Bates College

The Arts | Bates 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

June 2024

May 2024

Bates College

Title / URL	Issues
Bates College Campus Mapwww.bates.edu/map/	55
Office of the President \| Bates Collegewww.bates.edu/president/	3
About Bates \| Bates Collegewww.bates.edu/about/	3
Campus Safety \| Bates Collegewww.bates.edu/campus-safety/	3
Campus Life \| Bates Collegewww.bates.edu/campus/	3
Center for Purposeful Work \| Bates Collegewww.bates.edu/purposeful-work/	3
Page not found \| Bates Collegewww.bates.edu/invented-url-for-404-page/	3
Library \| Bates Collegewww.bates.edu/library/	3
News \| Bates Collegewww.bates.edu/news/	3
The Arts \| Bates Collegewww.bates.edu/arts/	3

Avoid linking to anchors that do not exist

Bates College

Where this issue has occurred