diff --git a/dist/index.html b/dist/index.html index 596583f0..f3add49d 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,5 +1,5 @@ - + diff --git a/docs/extend.md b/docs/extend.md index 1c7b7a72..1a3b502b 100644 --- a/docs/extend.md +++ b/docs/extend.md @@ -149,6 +149,13 @@ content="telephone=no">`](https://developer.apple.com/library/archive/documentat page) by [implementing X-Robots-tag headers](https://github.com/h5bp/html5-boilerplate/issues/804). +- Apply JavaScript-dependent CSS styles using [the `scripting` media + feature](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/scripting). + Use `@media (scripting: none) { ... }` to target browsers with JavaScript + disabled, or `@media (scripting: enabled) { ... }` to target browsers with + JavaScript enabled. Using this technique also helps [avoid the + FOUC](https://www.paulirish.com/2009/avoiding-the-fouc-v3/). + ## News Feeds ### RSS @@ -251,7 +258,7 @@ Tool](https://developers.google.com/search/docs/appearance/structured-data). Als note that this markup requires to add attributes to your top `html` tag. ```html - + diff --git a/docs/html.md b/docs/html.md index 86e5de72..dcae50a0 100644 --- a/docs/html.md +++ b/docs/html.md @@ -11,13 +11,6 @@ By default, HTML5 Boilerplate provides two `html` pages: ## `index.html` -### The `no-js` Class - -The `no-js` class is provided in order to allow you to more easily and -explicitly add custom styles based on whether JavaScript is disabled (`.no-js`) -or enabled (`.js`). Using this technique also helps [avoid the -FOUC](https://www.paulirish.com/2009/avoiding-the-fouc-v3/). - ### Language Attribute Please consider specifying the language of your content by adding a @@ -25,7 +18,7 @@ Please consider specifying the language of your content by adding a to the `lang` attribute in the `` as in this example: ```html - + ``` ### The order of the `` and `<meta>` tags diff --git a/src/index.html b/src/index.html index 596583f0..f3add49d 100644 --- a/src/index.html +++ b/src/index.html @@ -1,5 +1,5 @@ <!doctype html> -<html class="no-js" lang=""> +<html lang=""> <head> <meta charset="utf-8">