Chapter 5: Comments, Exams of Web Design and Development

This topic explains how to write HTML comments, and their functional applications. Syntax. <!-- Comment text -->. •. Remarks.

Typology: Exams

2022/2023

Uploaded on 03/01/2023

tanvir
tanvir 🇺🇸

5

(4)

224 documents

1 / 3

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Chapter 5: Comments
Introduction
Similar to other programming, markup, and markdown languages, comments in HTML provide
other developers with development specific information without affecting the user interface. Unlike
other languages however, HTML comments can be used to specify HTML elements for Internet
Explorer only. This topic explains how to write HTML comments, and their functional applications.
Syntax
<!-- Comment text -->
Remarks
Anything starting with <!-- and ending with --> is a comment. Comments cannot contain two
adjacent dashes (--), and must end with exactly two dashes (i.e. ---> is not correct).
Comments are not visible on a web page and cannot be styled with CSS. They can be used by the
page's developer to make notes within the HTML, or to hide certain content during development.
For dynamic or interactive pages, hiding and showing content is done with JavaScript and CSS
rather than with HTML comments.
JavaScript can be used to get the content of HTML comment nodes and these nodes can be
dynamically created, added and removed from the document but this will not affect how the page
is displayed.
Since HTML comments are part of the page's source code, they are downloaded to the browser
along with the rest of the page. The source code can typically be viewed using the web browser's
menu option to "View Source" or "View Page Source."
Examples
Creating comments
HTML comments can be used to leave notes to yourself or other developers about a specific point
in code. They can be initiated with <!-- and concluded with -->, like so:
<!-- I'm an HTML comment! -->
They can be incorporated inline within other content:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
1
pf3

Partial preview of the text

Download Chapter 5: Comments and more Exams Web Design and Development in PDF only on Docsity!

Chapter 5 : Comments

Introduction

Similar to other programming, markup, and markdown languages, comments in HTML provide

other developers with development specific information without affecting the user interface. Unlike

other languages however, HTML comments can be used to specify HTML elements for Internet

Explorer only. This topic explains how to write HTML comments, and their functional applications.

Syntax

Remarks

Anything starting with is a comment. Comments cannot contain two

adjacent dashes (--), and must end with exactly two dashes (i.e. ---> is not correct).

Comments are not visible on a web page and cannot be styled with CSS. They can be used by the

page's developer to make notes within the HTML, or to hide certain content during development.

For dynamic or interactive pages, hiding and showing content is done with JavaScript and CSS

rather than with HTML comments.

JavaScript can be used to get the content of HTML comment nodes and these nodes can be

dynamically created, added and removed from the document but this will not affect how the page

is displayed.

Since HTML comments are part of the page's source code, they are downloaded to the browser

along with the rest of the page. The source code can typically be viewed using the web browser's

menu option to "View Source" or "View Page Source."

Examples

Creating comments

HTML comments can be used to leave notes to yourself or other developers about a specific point

in code. They can be initiated with , like so:

They can be incorporated inline within other content:

This part will be displayed .

They can also span multiple lines to provide more information:

However, they cannot appear within another HTML tag, like this:

>This will not work

This produces invalid HTML as the entire block would be

considered a single start tag h1 with some other invalid information contained within it, followed by

a single > closing bracket that does nothing.

For compatibility with tools that try to parse HTML as XML or SGML, the body of your comment

should not contain two dashes --.

Conditional comments for Internet Explorer

Conditional comments can be used to customize code for different versions of Microsoft Internet

Explorer. For example, different HTML classes, script tags, or stylesheets can be provided.

Conditional comments are supported in Internet Explorer versions 5 through 9. Older and newer

Internet Explorer versions, and all non-IE browsers, are considered "downlevel" and treat

conditional comments as ordinary HTML comments.

Downlevel-hidden

Downlevel-hidden comments work by encapsulating the entire content within what appears to be a

normal HTML comment. Only IE 5 through 9 will still read it as a conditional comment, and they

will hide or display the content accordingly. In other browsers the content will be hidden.

Downlevel-revealed

These are slightly different than downlevel-hidden comments: only the conditional comment itself