mirror of
https://github.com/h5bp/html5-boilerplate.git
synced 2026-01-10 00:18:01 -05:00
Use https:// where possible
This commit is contained in:
9
.gitattributes
vendored
9
.gitattributes
vendored
@@ -1,11 +1,15 @@
|
|||||||
# Automatically normalize line endings for all text-based files
|
# Automatically normalize line endings for all text-based files
|
||||||
# http://git-scm.com/docs/gitattributes#_end_of_line_conversion
|
# https://git-scm.com/docs/gitattributes#_end_of_line_conversion
|
||||||
|
|
||||||
* text=auto
|
* text=auto
|
||||||
|
|
||||||
|
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||||
|
|
||||||
# For the following file types, normalize line endings to LF on
|
# For the following file types, normalize line endings to LF on
|
||||||
# checkin and prevent conversion to CRLF when they are checked out
|
# checkin and prevent conversion to CRLF when they are checked out
|
||||||
# (this is required in order to prevent newline related issues like,
|
# (this is required in order to prevent newline related issues like,
|
||||||
# for example, after the build script is run)
|
# for example, after the build script is run)
|
||||||
|
|
||||||
.* text eol=lf
|
.* text eol=lf
|
||||||
*.css text eol=lf
|
*.css text eol=lf
|
||||||
*.html text eol=lf
|
*.html text eol=lf
|
||||||
@@ -16,6 +20,9 @@
|
|||||||
*.txt text eol=lf
|
*.txt text eol=lf
|
||||||
*.xml text eol=lf
|
*.xml text eol=lf
|
||||||
|
|
||||||
|
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||||
|
|
||||||
# Exclude the `.htaccess` file from GitHub's language statistics
|
# Exclude the `.htaccess` file from GitHub's language statistics
|
||||||
# https://github.com/github/linguist#using-gitattributes
|
# https://github.com/github/linguist#using-gitattributes
|
||||||
|
|
||||||
dist/.htaccess linguist-vendored
|
dist/.htaccess linguist-vendored
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ Choose one of the following options:
|
|||||||
* [`Normalize.css`](https://necolas.github.com/normalize.css/)
|
* [`Normalize.css`](https://necolas.github.com/normalize.css/)
|
||||||
for CSS normalizations and common bug fixes
|
for CSS normalizations and common bug fixes
|
||||||
* [`jQuery`](https://jquery.com/) via CDN, with a local fallback
|
* [`jQuery`](https://jquery.com/) via CDN, with a local fallback
|
||||||
* A custom build of [`Modernizr`](http://modernizr.com/) for feature
|
* A custom build of [`Modernizr`](https://modernizr.com/) for feature
|
||||||
detection
|
detection
|
||||||
* [`Apache Server Configs`](https://github.com/h5bp/server-configs-apache)
|
* [`Apache Server Configs`](https://github.com/h5bp/server-configs-apache)
|
||||||
that, among other, improve the web site's performance and security
|
that, among other, improve the web site's performance and security
|
||||||
|
|||||||
2
dist/doc/css.md
vendored
2
dist/doc/css.md
vendored
@@ -14,7 +14,7 @@ HTML5 Boilerplate's CSS includes:
|
|||||||
This starting CSS does not rely on the presence of
|
This starting CSS does not rely on the presence of
|
||||||
[conditional class names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
|
[conditional class names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
|
||||||
[conditional style sheets](https://css-tricks.com/how-to-create-an-ie-only-stylesheet/),
|
[conditional style sheets](https://css-tricks.com/how-to-create-an-ie-only-stylesheet/),
|
||||||
or [Modernizr](http://modernizr.com/), and it is ready to use no matter what
|
or [Modernizr](https://modernizr.com/), and it is ready to use no matter what
|
||||||
your development preferences happen to be.
|
your development preferences happen to be.
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
48
dist/doc/extend.md
vendored
48
dist/doc/extend.md
vendored
@@ -121,7 +121,7 @@ Microsoft Ajax Content Delivery Network:
|
|||||||
|
|
||||||
* https://developer.mozilla.org/en-US/docs/Controlling_DNS_prefetching
|
* https://developer.mozilla.org/en-US/docs/Controlling_DNS_prefetching
|
||||||
* https://dev.chromium.org/developers/design-documents/dns-prefetching
|
* https://dev.chromium.org/developers/design-documents/dns-prefetching
|
||||||
* http://blogs.msdn.com/b/ie/archive/2011/03/17/internet-explorer-9-network-performance-improvements.aspx
|
* https://blogs.msdn.microsoft.com/ie/2011/03/17/internet-explorer-9-network-performance-improvements/
|
||||||
* http://dayofjs.com/videos/22158462/web-browsers_alex-russel
|
* http://dayofjs.com/videos/22158462/web-browsers_alex-russel
|
||||||
|
|
||||||
|
|
||||||
@@ -248,7 +248,7 @@ values:
|
|||||||
|
|
||||||
You can find more information in [Microsoft's IEBlog post about prompting for
|
You can find more information in [Microsoft's IEBlog post about prompting for
|
||||||
plugin use in IE10 Metro
|
plugin use in IE10 Metro
|
||||||
Mode](http://blogs.msdn.com/b/ie/archive/2012/01/31/web-sites-and-a-plug-in-free-web.aspx).
|
Mode](https://blogs.msdn.microsoft.com/ie/2012/01/31/web-sites-and-a-plug-in-free-web/).
|
||||||
|
|
||||||
### IE Pinned Sites (IE9+)
|
### IE Pinned Sites (IE9+)
|
||||||
|
|
||||||
@@ -322,7 +322,7 @@ need.
|
|||||||
|
|
||||||
Windows 8 adds the ability for you to provide a PNG tile image and specify the
|
Windows 8 adds the ability for you to provide a PNG tile image and specify the
|
||||||
tile's background color. [Full details on the IE
|
tile's background color. [Full details on the IE
|
||||||
blog](http://blogs.msdn.com/b/ie/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx).
|
blog](https://blogs.msdn.microsoft.com/ie/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8/).
|
||||||
|
|
||||||
* Create a 144x144 image of your site icon, filling all of the canvas, and
|
* Create a 144x144 image of your site icon, filling all of the canvas, and
|
||||||
using a transparent background.
|
using a transparent background.
|
||||||
@@ -338,7 +338,7 @@ tile in the Start screen. The user will be able to receive these badge updates
|
|||||||
even when your app isn't actively running. The badge's value can be a number,
|
even when your app isn't actively running. The badge's value can be a number,
|
||||||
or one of a predefined list of glyphs.
|
or one of a predefined list of glyphs.
|
||||||
|
|
||||||
* [Tutorial on IEBlog with link to badge XML schema](http://blogs.msdn.com/b/ie/archive/2012/04/03/pinned-sites-in-windows-8.aspx)
|
* [Tutorial on IEBlog with link to badge XML schema](https://blogs.msdn.microsoft.com/ie/2012/04/03/pinned-sites-in-windows-8/)
|
||||||
* [Available badge values](https://msdn.microsoft.com/en-us/library/ie/br212849.aspx)
|
* [Available badge values](https://msdn.microsoft.com/en-us/library/ie/br212849.aspx)
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -347,7 +347,7 @@ or one of a predefined list of glyphs.
|
|||||||
|
|
||||||
### Disable link highlighting upon tap in IE10
|
### Disable link highlighting upon tap in IE10
|
||||||
|
|
||||||
Similar to [-webkit-tap-highlight-color](http://davidwalsh.name/mobile-highlight-color)
|
Similar to [-webkit-tap-highlight-color](https://davidwalsh.name/mobile-highlight-color)
|
||||||
in iOS Safari. Unlike that CSS property, this is an HTML meta element, and its
|
in iOS Safari. Unlike that CSS property, this is an HTML meta element, and its
|
||||||
value is boolean rather than a color. It's all or nothing.
|
value is boolean rather than a color. It's all or nothing.
|
||||||
|
|
||||||
@@ -471,16 +471,16 @@ Graph content
|
|||||||
templates](https://developers.facebook.com/docs/opengraph/objects/builtin/).
|
templates](https://developers.facebook.com/docs/opengraph/objects/builtin/).
|
||||||
Take full advantage of Facebook's support for complex data and activity by
|
Take full advantage of Facebook's support for complex data and activity by
|
||||||
following the [Open Graph
|
following the [Open Graph
|
||||||
tutorial](https://developers.facebook.com/docs/opengraph/tutorial/).
|
tutorial](https://developers.facebook.com/docs/opengraph/tutorial/).
|
||||||
|
|
||||||
For a reference of Open Graph's markup and properties, you may check
|
For a reference of Open Graph's markup and properties, you may check
|
||||||
[Facebook's Open Graph Protocol reference](http://ogp.me/). Finally,
|
[Facebook's Open Graph Protocol reference](http://ogp.me/). Finally,
|
||||||
you can validate your markup with the [Facebook Object
|
you can validate your markup with the [Facebook Object
|
||||||
Debugger](http://developers.facebook.com/tools/debug/) (needs
|
Debugger](https://developers.facebook.com/tools/debug/) (needs
|
||||||
registration to Facebook).
|
registration to Facebook).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<meta property="fb:app_id" content="123456789">
|
<meta property="fb:app_id" content="123456789">
|
||||||
<meta property="og:url" content="http://www.example.com/path/to/page.html">
|
<meta property="og:url" content="http://www.example.com/path/to/page.html">
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:title" content="">
|
<meta property="og:title" content="">
|
||||||
@@ -498,7 +498,7 @@ that, as of this writing, Twitter requires that app developers activate Cards
|
|||||||
on a per-domain basis. You can read more about the various snippet formats
|
on a per-domain basis. You can read more about the various snippet formats
|
||||||
and application process in the [official Twitter Cards
|
and application process in the [official Twitter Cards
|
||||||
documentation](https://dev.twitter.com/docs/cards), and you can validate
|
documentation](https://dev.twitter.com/docs/cards), and you can validate
|
||||||
your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
||||||
(needs registration to Twitter).
|
(needs registration to Twitter).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -513,18 +513,18 @@ your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
|||||||
|
|
||||||
### Google+ / Schema.org
|
### Google+ / Schema.org
|
||||||
|
|
||||||
Google also provides a snippet specification that serves a similar
|
Google also provides a snippet specification that serves a similar
|
||||||
purpose to Facebook's Open Graph or Twitter Cards. While it helps you
|
purpose to Facebook's Open Graph or Twitter Cards. While it helps you
|
||||||
to control information displayed on Google+, this metadata is a subset
|
to control information displayed on Google+, this metadata is a subset
|
||||||
of [schema.org's microdata vocabulary](https://schema.org/), which
|
of [schema.org's microdata vocabulary](https://schema.org/), which
|
||||||
covers many other schemas that can describe the content of your pages
|
covers many other schemas that can describe the content of your pages
|
||||||
to search engines. For this reason, this metadata is more generic for
|
to search engines. For this reason, this metadata is more generic for
|
||||||
SEO, notably for Google's search-engine, although this vocabulary is
|
SEO, notably for Google's search-engine, although this vocabulary is
|
||||||
also used by Microsoft, Pinterest or Yandex.
|
also used by Microsoft, Pinterest or Yandex.
|
||||||
|
|
||||||
You can validate your markup with the [Structured Data Testing
|
You can validate your markup with the [Structured Data Testing
|
||||||
Tool](https://developers.google.com/structured-data/testing-tool/).
|
Tool](https://developers.google.com/structured-data/testing-tool/).
|
||||||
Also, please note that this markup requires to add attributes to your
|
Also, please note that this markup requires to add attributes to your
|
||||||
top `html` tag.
|
top `html` tag.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -698,5 +698,5 @@ their UIs with varying colors.
|
|||||||
The `content` attribute extension can take any valid CSS color.
|
The `content` attribute extension can take any valid CSS color.
|
||||||
|
|
||||||
Currently, the `theme-color` meta extension is supported by [Chrome 39+
|
Currently, the `theme-color` meta extension is supported by [Chrome 39+
|
||||||
for Android Lollipop](http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
|
for Android Lollipop](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
|
||||||
and [Firefox OS 2.1+](https://twitter.com/ahmednefzaoui/status/492344698493997057).
|
and [Firefox OS 2.1+](https://twitter.com/ahmednefzaoui/status/492344698493997057).
|
||||||
|
|||||||
4
dist/doc/faq.md
vendored
4
dist/doc/faq.md
vendored
@@ -23,11 +23,11 @@ However, having the code at the bottom of the page [helps improve
|
|||||||
performance](https://stevesouders.com/efws/inline-scripts-bottom.php).
|
performance](https://stevesouders.com/efws/inline-scripts-bottom.php).
|
||||||
|
|
||||||
|
|
||||||
### How can I integrate [Bootstrap](http://getbootstrap.com/) with HTML5 Boilerplate?
|
### How can I integrate [Bootstrap](https://getbootstrap.com/) with HTML5 Boilerplate?
|
||||||
|
|
||||||
One simple way is to use [Initializr](http://www.initializr.com/) and create a
|
One simple way is to use [Initializr](http://www.initializr.com/) and create a
|
||||||
custom build that includes both HTML5 Boilerplate and
|
custom build that includes both HTML5 Boilerplate and
|
||||||
[Bootstrap](http://getbootstrap.com/).
|
[Bootstrap](https://getbootstrap.com/).
|
||||||
|
|
||||||
Read more about how [HTML5 Boilerplate and Bootstrap complement each
|
Read more about how [HTML5 Boilerplate and Bootstrap complement each
|
||||||
other](https://www.quora.com/Is-Bootstrap-a-complement-or-an-alternative-to-HTML5-Boilerplate-or-viceversa/answer/Nicolas-Gallagher).
|
other](https://www.quora.com/Is-Bootstrap-a-complement-or-an-alternative-to-HTML5-Boilerplate-or-viceversa/answer/Nicolas-Gallagher).
|
||||||
|
|||||||
4
dist/doc/html.md
vendored
4
dist/doc/html.md
vendored
@@ -95,7 +95,7 @@ Starting with Internet Explorer 11, [document modes are
|
|||||||
deprecated](https://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode).
|
deprecated](https://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode).
|
||||||
If your business still relies on older web apps and services that were
|
If your business still relies on older web apps and services that were
|
||||||
designed for older versions of Internet Explorer, you might want to consider
|
designed for older versions of Internet Explorer, you might want to consider
|
||||||
enabling [Enterprise Mode](http://blogs.msdn.com/b/ie/archive/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11.aspx) throughout your company.
|
enabling [Enterprise Mode](https://blogs.msdn.microsoft.com/ie/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11/) throughout your company.
|
||||||
|
|
||||||
|
|
||||||
## Mobile viewport
|
## Mobile viewport
|
||||||
@@ -123,7 +123,7 @@ of these docs.
|
|||||||
|
|
||||||
HTML5 Boilerplate uses a custom build of Modernizr.
|
HTML5 Boilerplate uses a custom build of Modernizr.
|
||||||
|
|
||||||
[Modernizr](http://modernizr.com) is a JavaScript library which adds classes to
|
[Modernizr](https://modernizr.com) is a JavaScript library which adds classes to
|
||||||
the `html` element based on the results of feature test and which ensures that
|
the `html` element based on the results of feature test and which ensures that
|
||||||
all browsers can make use of HTML5 elements (as it includes the HTML5 Shiv).
|
all browsers can make use of HTML5 elements (as it includes the HTML5 Shiv).
|
||||||
This allows you to target parts of your CSS and JavaScript based on the
|
This allows you to target parts of your CSS and JavaScript based on the
|
||||||
|
|||||||
2
dist/doc/js.md
vendored
2
dist/doc/js.md
vendored
@@ -34,4 +34,4 @@ This directory can be used to contain all 3rd party library code.
|
|||||||
|
|
||||||
Minified versions of the latest jQuery and Modernizr libraries are included by
|
Minified versions of the latest jQuery and Modernizr libraries are included by
|
||||||
default. You may wish to create your own [custom Modernizr
|
default. You may wish to create your own [custom Modernizr
|
||||||
build](http://www.modernizr.com/download/).
|
build](https://www.modernizr.com/download/).
|
||||||
|
|||||||
@@ -28,4 +28,3 @@ $(npm bin)/travis-after-all && \
|
|||||||
$(npm bin)/commit-changes --branch "master" \
|
$(npm bin)/commit-changes --branch "master" \
|
||||||
--commands "npm run build" \
|
--commands "npm run build" \
|
||||||
--commit-message "Update content from the \`dist\` directory [skip ci]"
|
--commit-message "Update content from the \`dist\` directory [skip ci]"
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ HTML5 Boilerplate's CSS includes:
|
|||||||
This starting CSS does not rely on the presence of
|
This starting CSS does not rely on the presence of
|
||||||
[conditional class names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
|
[conditional class names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
|
||||||
[conditional style sheets](https://css-tricks.com/how-to-create-an-ie-only-stylesheet/),
|
[conditional style sheets](https://css-tricks.com/how-to-create-an-ie-only-stylesheet/),
|
||||||
or [Modernizr](http://modernizr.com/), and it is ready to use no matter what
|
or [Modernizr](https://modernizr.com/), and it is ready to use no matter what
|
||||||
your development preferences happen to be.
|
your development preferences happen to be.
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -121,7 +121,7 @@ Microsoft Ajax Content Delivery Network:
|
|||||||
|
|
||||||
* https://developer.mozilla.org/en-US/docs/Controlling_DNS_prefetching
|
* https://developer.mozilla.org/en-US/docs/Controlling_DNS_prefetching
|
||||||
* https://dev.chromium.org/developers/design-documents/dns-prefetching
|
* https://dev.chromium.org/developers/design-documents/dns-prefetching
|
||||||
* http://blogs.msdn.com/b/ie/archive/2011/03/17/internet-explorer-9-network-performance-improvements.aspx
|
* https://blogs.msdn.microsoft.com/ie/2011/03/17/internet-explorer-9-network-performance-improvements/
|
||||||
* http://dayofjs.com/videos/22158462/web-browsers_alex-russel
|
* http://dayofjs.com/videos/22158462/web-browsers_alex-russel
|
||||||
|
|
||||||
|
|
||||||
@@ -248,7 +248,7 @@ values:
|
|||||||
|
|
||||||
You can find more information in [Microsoft's IEBlog post about prompting for
|
You can find more information in [Microsoft's IEBlog post about prompting for
|
||||||
plugin use in IE10 Metro
|
plugin use in IE10 Metro
|
||||||
Mode](http://blogs.msdn.com/b/ie/archive/2012/01/31/web-sites-and-a-plug-in-free-web.aspx).
|
Mode](https://blogs.msdn.microsoft.com/ie/2012/01/31/web-sites-and-a-plug-in-free-web/).
|
||||||
|
|
||||||
### IE Pinned Sites (IE9+)
|
### IE Pinned Sites (IE9+)
|
||||||
|
|
||||||
@@ -322,7 +322,7 @@ need.
|
|||||||
|
|
||||||
Windows 8 adds the ability for you to provide a PNG tile image and specify the
|
Windows 8 adds the ability for you to provide a PNG tile image and specify the
|
||||||
tile's background color. [Full details on the IE
|
tile's background color. [Full details on the IE
|
||||||
blog](http://blogs.msdn.com/b/ie/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx).
|
blog](https://blogs.msdn.microsoft.com/ie/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8/).
|
||||||
|
|
||||||
* Create a 144x144 image of your site icon, filling all of the canvas, and
|
* Create a 144x144 image of your site icon, filling all of the canvas, and
|
||||||
using a transparent background.
|
using a transparent background.
|
||||||
@@ -338,7 +338,7 @@ tile in the Start screen. The user will be able to receive these badge updates
|
|||||||
even when your app isn't actively running. The badge's value can be a number,
|
even when your app isn't actively running. The badge's value can be a number,
|
||||||
or one of a predefined list of glyphs.
|
or one of a predefined list of glyphs.
|
||||||
|
|
||||||
* [Tutorial on IEBlog with link to badge XML schema](http://blogs.msdn.com/b/ie/archive/2012/04/03/pinned-sites-in-windows-8.aspx)
|
* [Tutorial on IEBlog with link to badge XML schema](https://blogs.msdn.microsoft.com/ie/2012/04/03/pinned-sites-in-windows-8/)
|
||||||
* [Available badge values](https://msdn.microsoft.com/en-us/library/ie/br212849.aspx)
|
* [Available badge values](https://msdn.microsoft.com/en-us/library/ie/br212849.aspx)
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -347,7 +347,7 @@ or one of a predefined list of glyphs.
|
|||||||
|
|
||||||
### Disable link highlighting upon tap in IE10
|
### Disable link highlighting upon tap in IE10
|
||||||
|
|
||||||
Similar to [-webkit-tap-highlight-color](http://davidwalsh.name/mobile-highlight-color)
|
Similar to [-webkit-tap-highlight-color](https://davidwalsh.name/mobile-highlight-color)
|
||||||
in iOS Safari. Unlike that CSS property, this is an HTML meta element, and its
|
in iOS Safari. Unlike that CSS property, this is an HTML meta element, and its
|
||||||
value is boolean rather than a color. It's all or nothing.
|
value is boolean rather than a color. It's all or nothing.
|
||||||
|
|
||||||
@@ -471,16 +471,16 @@ Graph content
|
|||||||
templates](https://developers.facebook.com/docs/opengraph/objects/builtin/).
|
templates](https://developers.facebook.com/docs/opengraph/objects/builtin/).
|
||||||
Take full advantage of Facebook's support for complex data and activity by
|
Take full advantage of Facebook's support for complex data and activity by
|
||||||
following the [Open Graph
|
following the [Open Graph
|
||||||
tutorial](https://developers.facebook.com/docs/opengraph/tutorial/).
|
tutorial](https://developers.facebook.com/docs/opengraph/tutorial/).
|
||||||
|
|
||||||
For a reference of Open Graph's markup and properties, you may check
|
For a reference of Open Graph's markup and properties, you may check
|
||||||
[Facebook's Open Graph Protocol reference](http://ogp.me/). Finally,
|
[Facebook's Open Graph Protocol reference](http://ogp.me/). Finally,
|
||||||
you can validate your markup with the [Facebook Object
|
you can validate your markup with the [Facebook Object
|
||||||
Debugger](http://developers.facebook.com/tools/debug/) (needs
|
Debugger](https://developers.facebook.com/tools/debug/) (needs
|
||||||
registration to Facebook).
|
registration to Facebook).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<meta property="fb:app_id" content="123456789">
|
<meta property="fb:app_id" content="123456789">
|
||||||
<meta property="og:url" content="http://www.example.com/path/to/page.html">
|
<meta property="og:url" content="http://www.example.com/path/to/page.html">
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:title" content="">
|
<meta property="og:title" content="">
|
||||||
@@ -498,7 +498,7 @@ that, as of this writing, Twitter requires that app developers activate Cards
|
|||||||
on a per-domain basis. You can read more about the various snippet formats
|
on a per-domain basis. You can read more about the various snippet formats
|
||||||
and application process in the [official Twitter Cards
|
and application process in the [official Twitter Cards
|
||||||
documentation](https://dev.twitter.com/docs/cards), and you can validate
|
documentation](https://dev.twitter.com/docs/cards), and you can validate
|
||||||
your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
||||||
(needs registration to Twitter).
|
(needs registration to Twitter).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -513,18 +513,18 @@ your markup with the [Card validator](https://cards-dev.twitter.com/validator)
|
|||||||
|
|
||||||
### Google+ / Schema.org
|
### Google+ / Schema.org
|
||||||
|
|
||||||
Google also provides a snippet specification that serves a similar
|
Google also provides a snippet specification that serves a similar
|
||||||
purpose to Facebook's Open Graph or Twitter Cards. While it helps you
|
purpose to Facebook's Open Graph or Twitter Cards. While it helps you
|
||||||
to control information displayed on Google+, this metadata is a subset
|
to control information displayed on Google+, this metadata is a subset
|
||||||
of [schema.org's microdata vocabulary](https://schema.org/), which
|
of [schema.org's microdata vocabulary](https://schema.org/), which
|
||||||
covers many other schemas that can describe the content of your pages
|
covers many other schemas that can describe the content of your pages
|
||||||
to search engines. For this reason, this metadata is more generic for
|
to search engines. For this reason, this metadata is more generic for
|
||||||
SEO, notably for Google's search-engine, although this vocabulary is
|
SEO, notably for Google's search-engine, although this vocabulary is
|
||||||
also used by Microsoft, Pinterest or Yandex.
|
also used by Microsoft, Pinterest or Yandex.
|
||||||
|
|
||||||
You can validate your markup with the [Structured Data Testing
|
You can validate your markup with the [Structured Data Testing
|
||||||
Tool](https://developers.google.com/structured-data/testing-tool/).
|
Tool](https://developers.google.com/structured-data/testing-tool/).
|
||||||
Also, please note that this markup requires to add attributes to your
|
Also, please note that this markup requires to add attributes to your
|
||||||
top `html` tag.
|
top `html` tag.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -698,5 +698,5 @@ their UIs with varying colors.
|
|||||||
The `content` attribute extension can take any valid CSS color.
|
The `content` attribute extension can take any valid CSS color.
|
||||||
|
|
||||||
Currently, the `theme-color` meta extension is supported by [Chrome 39+
|
Currently, the `theme-color` meta extension is supported by [Chrome 39+
|
||||||
for Android Lollipop](http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
|
for Android Lollipop](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
|
||||||
and [Firefox OS 2.1+](https://twitter.com/ahmednefzaoui/status/492344698493997057).
|
and [Firefox OS 2.1+](https://twitter.com/ahmednefzaoui/status/492344698493997057).
|
||||||
|
|||||||
@@ -23,11 +23,11 @@ However, having the code at the bottom of the page [helps improve
|
|||||||
performance](https://stevesouders.com/efws/inline-scripts-bottom.php).
|
performance](https://stevesouders.com/efws/inline-scripts-bottom.php).
|
||||||
|
|
||||||
|
|
||||||
### How can I integrate [Bootstrap](http://getbootstrap.com/) with HTML5 Boilerplate?
|
### How can I integrate [Bootstrap](https://getbootstrap.com/) with HTML5 Boilerplate?
|
||||||
|
|
||||||
One simple way is to use [Initializr](http://www.initializr.com/) and create a
|
One simple way is to use [Initializr](http://www.initializr.com/) and create a
|
||||||
custom build that includes both HTML5 Boilerplate and
|
custom build that includes both HTML5 Boilerplate and
|
||||||
[Bootstrap](http://getbootstrap.com/).
|
[Bootstrap](https://getbootstrap.com/).
|
||||||
|
|
||||||
Read more about how [HTML5 Boilerplate and Bootstrap complement each
|
Read more about how [HTML5 Boilerplate and Bootstrap complement each
|
||||||
other](https://www.quora.com/Is-Bootstrap-a-complement-or-an-alternative-to-HTML5-Boilerplate-or-viceversa/answer/Nicolas-Gallagher).
|
other](https://www.quora.com/Is-Bootstrap-a-complement-or-an-alternative-to-HTML5-Boilerplate-or-viceversa/answer/Nicolas-Gallagher).
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ Starting with Internet Explorer 11, [document modes are
|
|||||||
deprecated](https://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode).
|
deprecated](https://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode).
|
||||||
If your business still relies on older web apps and services that were
|
If your business still relies on older web apps and services that were
|
||||||
designed for older versions of Internet Explorer, you might want to consider
|
designed for older versions of Internet Explorer, you might want to consider
|
||||||
enabling [Enterprise Mode](http://blogs.msdn.com/b/ie/archive/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11.aspx) throughout your company.
|
enabling [Enterprise Mode](https://blogs.msdn.microsoft.com/ie/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11/) throughout your company.
|
||||||
|
|
||||||
|
|
||||||
## Mobile viewport
|
## Mobile viewport
|
||||||
@@ -123,7 +123,7 @@ of these docs.
|
|||||||
|
|
||||||
HTML5 Boilerplate uses a custom build of Modernizr.
|
HTML5 Boilerplate uses a custom build of Modernizr.
|
||||||
|
|
||||||
[Modernizr](http://modernizr.com) is a JavaScript library which adds classes to
|
[Modernizr](https://modernizr.com) is a JavaScript library which adds classes to
|
||||||
the `html` element based on the results of feature test and which ensures that
|
the `html` element based on the results of feature test and which ensures that
|
||||||
all browsers can make use of HTML5 elements (as it includes the HTML5 Shiv).
|
all browsers can make use of HTML5 elements (as it includes the HTML5 Shiv).
|
||||||
This allows you to target parts of your CSS and JavaScript based on the
|
This allows you to target parts of your CSS and JavaScript based on the
|
||||||
|
|||||||
@@ -34,4 +34,4 @@ This directory can be used to contain all 3rd party library code.
|
|||||||
|
|
||||||
Minified versions of the latest jQuery and Modernizr libraries are included by
|
Minified versions of the latest jQuery and Modernizr libraries are included by
|
||||||
default. You may wish to create your own [custom Modernizr
|
default. You may wish to create your own [custom Modernizr
|
||||||
build](http://www.modernizr.com/download/).
|
build](https://www.modernizr.com/download/).
|
||||||
|
|||||||
Reference in New Issue
Block a user