gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add tip for Comment keyboard Shortcut. (#24116)

Browse Source 
* Comment keyboard Shortcut.

Add the tip for how to create the comments by keyboard shortcut in probably all modern text editors.

* Reordered change, fixed formatting
This commit is contained in:
Jashan Bansal
2018-12-07 06:44:56 +05:30
committed by Manish Giri
parent 8ee4a8f013
commit 91add57a9c
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guide/english/html/comments-in-html/index.md
View File

@ -9,6 +9,7 @@ It is a good practice to add comments to your code, especially when working with
Comments are started with `<!--` and ended with `-->`, and can span multiple lines. They can contain code or text, and won't appear on the front-end of the website when a user visits a page. You can view comments through the Inspector Console, or by viewing Page Source. Comments are started with `<!--` and ended with `-->`, and can span multiple lines. They can contain code or text, and won't appear on the front-end of the website when a user visits a page. You can view comments through the Inspector Console, or by viewing Page Source.
### Example ### Example
```html ```html
<!-- You can comment out a large number of lines like this. <!-- You can comment out a large number of lines like this.
@ -57,6 +58,9 @@ These comments are only available in Internet Explorer and can be used up to IE9
<!--[if gt IE 9]> <p>Your browser is greater then IE9</p> <![endif]--> <!--[if gt IE 9]> <p>Your browser is greater then IE9</p> <![endif]-->
``` ```
[About conditional comments](https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx)
IE Conditional Comments are really helpful when you wish to serve each IE version with a slightly different CSS. IE (and other browsers) can have rendering bugs, or rather, 'quirks' that render your page a little differently than what you would expect. These require some CSS tricks to workaround (or even to make use of!) quirks, and so the conditional comments are good for targeting specific versions. IE Conditional Comments are really helpful when you wish to serve each IE version with a slightly different CSS. IE (and other browsers) can have rendering bugs, or rather, 'quirks' that render your page a little differently than what you would expect. These require some CSS tricks to workaround (or even to make use of!) quirks, and so the conditional comments are good for targeting specific versions.
For example, this CSS would only apply on IE 7 / 8: For example, this CSS would only apply on IE 7 / 8:
@ -70,7 +74,11 @@ For example, this CSS would only apply on IE 7 / 8:
<![endif]--> <![endif]-->
``` ```
More reading: #### Tip
**CTRL + /** is a keyboard shortcut which works in probably all modern text editors to create the comments. It creates a single line comment, but if you want to comment more lines, just highlight all the area and press it.
#### More Information
* [About conditional comments](https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx) * [About conditional comments](https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx)
* [Some IE CSS bugs](https://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/) * [Some IE CSS bugs](https://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/)
* [IE CSS bugs and fixes](https://code.tutsplus.com/tutorials/9-most-common-ie-bugs-and-how-to-fix-them--net-7764) * [IE CSS bugs and fixes](https://code.tutsplus.com/tutorials/9-most-common-ie-bugs-and-how-to-fix-them--net-7764)