diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade
index aef0351f85..bc83d1577b 100644
--- a/public/docs/ts/latest/tutorial/toh-pt5.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt5.jade
@@ -168,6 +168,21 @@ block angular-router
and a configuration (`Routes`). We'll configure our routes first.
:marked
+ ### *<base href>*
+
+ Open `index.html` and ensure there is a `` element
+ (or a script that dynamically sets this element)
+ at the top of the `` section.
+
++makeExcerpt('src/index.html', 'base-href')
+
+.callout.is-important
+ header base href is essential
+ :marked
+ See the *base href* section of the [router](../guide/router.html#base-href)
+ guide to learn why this matters, and what to add if the `base`
+ element is missing.
+
a#configure-routes
block router-config-intro
:marked
@@ -599,7 +614,7 @@ block extract-id
When hovering over a hero block, the target URL should display in the browser status bar
and the user should be able to copy the link or open the hero detail view in a new tab.
- To achieve this effect, reopen the `dashboard.component.html` and replace the repeated `` tags
+ To achieve this effect, reopen the
dashboard.component.html and replace the repeated `