Tag <script> HTML Reference

CSS Reference (New)


Example

Display "Hello world" with JavaScript:

<script type="text/javascript">
  alert('Hello World!')
</script>

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

1. Definition and Usage

The <script> tag is used to define a client-side script, such as a JavaScript.

The <script> element either contains scripting statements, or it points to an external script file through the src attribute.

The required type attribute specifies the MIME type of the script.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.


2. Tips and Notes

Note: If the "src" attribute is present, the <script> element must be empty.

Tip: Also look at the <noscript> element for users that have disabled scripts in their browser, or have a browser that doesn’t support client-side scripting.


3. Differences Between HTML and XHTML

HTML 4 and XHTML deal different with the content inside scripts:

  • In HTML 4, the content type is declared as CDATA, which means that entities will not be parsed.
  • In XHTML, the content type is declared as (#PCDATA), which means that entities will be parsed

This means that in XHTML, all special characters should be encoded or all content should be wrapped inside a CDATA section.

To ensure that a script parses correctly in an XHTML document, use the following syntax:

<script type="text/javascript">
//<![CDATA[
  alert('Hello World!')
//]]></script>

4. Required Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
type MIME-type Specifies the MIME type of the script STF

5. Optional Attributes

Attribute Value Description DTD
charset charset Specifies the character encoding used in an external script file STF
defer defer Specifies that the script is executed when the page has finished parsing (only for external scripts) STF
src URL Specifies the URL of an external script file STF
xml:space preserve Specifies whether whitespace in code should be preserved  

6. Standard Attributes

The <script> tag does not support any standard attributes.


7. Event Attributes

The <script> tag does not support any event attributes.


Relative articles

Creating an Attractive HTML CSS Anime Theme Website Layout
Creating single page layout #5

Creating an Attractive HTML CSS Anime Theme Website Layout

Today I will like to product new masterpiece – new template with codename: ‘Anime theme’. This will nice HTML5 template with good colors. Hope that you can learn some new coding lessons and download our result and use it at your own site (its free as usual).

I going to start step-by-step tutorial for creating html-css layout.

(more…)


Pure CSS3 Accordion
Pure CSS3 Accordion

Pure CSS3 Accordion

Today I’ll tell you about another one great thing that you can implement with CSS3 – it’s an accordion. I think that accordion is still pretty popular in web. This is nice and compact way to keep some information at page. Of course, we always can use javascript (jQuery) plugins in order to set accordion, but sometimes this is not so necessary. We can use only CSS3 to achieve the same effect, today I will tell you exactly how this can be done.

(more…)