Forgotten HTML elements

Source: Internet
Author: User
Tags add format end insert version visibility window

As we all know, the most basic language HTML used to make a Web page is mainly made up of standard by the famous organization of the international organizations. But as both IE and Netscape compete to continually study new web technologies to beat their opponents, many new HTML elements are created. These new HTML elements, some of which are certified by a consortium of organizations, develop into HTML standard elements that all browsers must support. But others are still not accepted by other browsers. Especially for the current most mainstream browsers-ie and Netscape, for various reasons, there are always some elements that cannot be supported by both. In the actual Web page production process, in order to make the page in all browsers can be normal display, such elements are often not applied, and gradually forgotten for people. But we can believe that an element is supported by a browser, it has its advantages and strengths. Let's take a look at these HTML elements that are "forgotten".
1.BGSOUND

The BGSOUND element can run in browsers above IE3.0 and is not valid in any version of Netscape's browser. Bgsound is used to set the background music when the page is loaded, the syntax format is as follows:
<bgsound src=″url″loop=″n″>
Bgsound can be placed anywhere in the paging file, but generally in order to easily read the page source code, it is placed in the first position after the tag. It has SRC and loop two attributes, where SRC is used to specify the specific URL path of music files, music files can be wav, AU or MIDI format. The loop is used to specify the number of times the background music is looped, and when Loop=-1, the background music will play continuously until the browser starts loading the next page. For example, the following example:
<bgsound src=″music/bgmusic.wav″loop=-1>

2.IFRAME

This is also an HTML element that can run only in browsers above IE3.0 and will not show any effect when run in Netscape browser. An IFRAME element can insert a floating window in a page that can display a different page in the floating window. Its basic syntax format is as follows:
<iframe src=″url″frameborder=″1 or 0″width=″x″height=″y″scrolling=″yes or No″align=″alignment″margi Nwidth=″x″marginheight=″y″></iframe>
where src is the specific URL of the Web page file that is used to specify the display in the floating window of the page; frameborder to specify whether the page floating window has a border , it has a value of only 1 and 2, representing a border and no border, and width and height to specify the width and height of the page's floating window; scrolling specify whether the page floating window needs to use a scrollbar, its value is yes and no two, When a page is in a floating window with a page that is larger than a floating window, the scroll bar is automatically provided to the right and bottom of the floating window by default, but if Scrolling=″yes″, the floating window will provide scrollbars, if Scrolling=″no″, No matter under what circumstances, the floating window does not provide a scroll bar; The Align property specifies the position of the page in the floating window relative to the floating window, and its value has left, right, top, middle, and bottom, respectively, indicating that the position of the page in the floating window is on the left-hand side, on the right-hand side, Center and bottom; marginwidth and marginheight are used to specify padding between the page in the floating window and the floating window in both horizontal and vertical directions.   See the following example:
<body bgcolor=″#33eebb″text=″#000000″>
<font size=5> Use the IFRAME element to make a page floating window </FONT>
<iframe Src=″poem.htm″frameborder=″1″width=″400″height=″200″marginwidth=″10″marginheight=″10″<>/iframe >
</body>

3.MARQUEE

Netscape browser ignores the HTML element that can only be run in the IE3.0 version of the browser. Marquee can provide us with an "electronic player" on the page that produces the page effect of scrolling captions. Its basic grammatical structure is as follows:
<marquee Align=″alignment″behavior=″type″bgcolor=″color″direction=″direction″scrollamount=″n″scrolldelay=″n″ Loop=″n″width=″x″height=″y″hspace=″x″vspace=″y″> Scrolling caption Content </MARQUEE>
Where align is used to specify the alignment of the scrolling caption with the left and right text, and its value can have top, middle, bottom, and so on; behavior is used to specify the scrolling method of a scrolling marquee, with a property value of scroll, slide, and alternate three, Scroll indicates that scrolling marquee content scrolls in the same direction, slide indicates that scrolling caption content scrolls from one end to the other and stops at the other end, alternate the scrolling caption content scrolls back and forth between the ends; direction specifies the scrolling direction of the scrolling marquee. Its property value has left and right two, respectively, which means that the scrolling marquee is scrolled from right to left and left to starboard, and scrollamount is used to set the interval between multiple scrolling, in pixels (pixels), and scrolling to specify the time required for scrolling the marquee to scroll once. The unit is MS (1 per thousand seconds), and the size of the value will directly affect the scrolling speed of the scrolling marquee; The Loop property is used to specify the number of scrolling titles, and when its value is "-1", the scrolling marquee scrolls continuously until the browser loads the next page ; hspace and vspace are used to specify the distance between the scrolling caption and its previous page in both horizontal and vertical directions.
4.MULTICOL

The Multicol element is an HTML element that can only run in browsers above version NetScape3.0, although it does not cause much trouble in IE to implement a column effect on a Web page. Its basic grammatical structure is as follows:
<multicol cols=″n″gutter=″x″width=″x″></multicol>
The Cols property defines the number of columns, and gutter represents the distance between the columns, while width represents the width of each column, not the width of the entire column area. Also note that Multicol does not automatically wrap text when working with columns, so you also need to add a newline label at the end of each line <BR>. Take a look at the following example:
<BODY>
<multicol cols=″3″grtter=″10″width=″450″>
This poem is Comrade Zhou Enlai ... the fifth issue of devotion.
</MULTICOL>
</BODY>
It is important to note that because of Netscape's lack of handling Chinese line-wrapping issues, to enable the column effect to display properly, you must also add ″charset=gb2312″ code to the META tag at the beginning of the paging file.

5.SPACER

Spacer is also a NetScape3.0 version of the browser can only run the HTML elements, through the use of spacer elements, you can produce some of the page with a certain size and location of space, so as to achieve some special effects. Its syntax structure is as follows:
<spacer type=″block″align=″alignment″width=″x″height=″y″>
Or is
<spacer type=″horizontal/vertical″align=″alignment″size=″n″>
The two syntactic structures are basically the same, except that when the Type property value is ″block″, its dimensions can be defined only by width and height, not by the Size property, and when the Type property value is ″horizontal″ or ″vertical″. You can only use the Size property to control dimensions. When the Type property value is ″block″, width indicates the width of the space, the height of the space, and the portion of the row higher than the line that extends to the next line, and when the property value of type is ″horizontal″, a space is inserted horizontally in the row. The value specified by the Size property, or when the Type property value is ″vertical″, represents a space at which to insert a vertical direction, and the size value represents the line spacing between the row and the top row. Here's a look at an example of the above three type attributes:
<body>
<spacer type=″block″align=″left″width=″32px″height=″100px″>
<spacer type=″horizontal″size=″32px″> as the software is now more and more, the hard drive under 4G has been Amoy <spacer type=″vertical″size=″8px″> the mainstream market ......
</body>

6.LAYER

Layer is the HTML element that appears in Netscape Communicator 4.0, which allows different elements of a Web page to be located on different layers, similar to the concept of the Photoshop middle. Through the use of layer elements, can be in the page to achieve graphics and text positioning, element overlap and other effects, if again with the appropriate script language, you can also achieve changes in the order of overlap, control elements of the display or hidden, and even can achieve animation effect. The basic grammatical structure of layer is as follows:
<layer name=″name″left=″x″top=″y″z-index=″n″visibility=″visibility″>......</layer>
Where name is used to name the layer, through which the script can manipulate the layer. Left and top are used to control the position of the layer in the page, representing the distance from the top left-hand corner of the layer to the left and top border of the browser window. The Z-index property is used to control the stacking order of different layers in the page, with the number of small layers below the large number. The Visibility property defines the display property of the layer, which has show, hide, and inherit, where show and hide indicate that the layer is visible and invisible, while inherit indicates that the display property of the layer is the same as the display property of the previous level. Take a look at the following example:
<body bgcolor=″#ffffdd″>
<layer name=″layer1″left=″10″top=″10″z-index=0>

</layer>
<layer name=″layer2″left=″190″top=″70″z-index=1>
<font Color=″0000ff″size=″5″face=″ Italics _gb2312″><b>hi! Hello, little woman net name fluffy, hope can become good friend with you </B></FONT>
</layer>
</BODY>
The elements we mentioned above are just a few of the more important ones that, while in use, are supported by only one browser, but generally do not produce the wrong information in other browsers. And some elements, such as the IFRAME, in the browser does not support the operation can not normally express the intention of the page, with and not, it is necessary to see your wisdom.





Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.