HTML Tag Class Summary

Source: Internet
Author: User

1, a label in addition to can be used as a connection can also send the mailbox, a label text color can not inherit the parent.

2, There are several special block-level elements can only contain embedded elements, can no longer contain block-level elements, these special tags are: h1,H2, H3, H4, H5, H6, p, dt.

3.re-look at the nesting rules for fast, inline, and inline elements

4, test, inline elements can be nested fast-level elements

5, with other tags as a picture of the carrier is also possible, the picture to do background processing, such a picture of the label of the advantage is that you can nest other tags

6, (homologous strategy) only like IMG, script, iframe, such as can specify the SRC attribute tag has cross-domain access to other people's website data (pictures, scripts, source files are actually data) ability. such as:

7, the width of the video needs to be re-understanding, set a black background to find the problem

8,audio is HTML5 label, IE9 is not supported, Google perfect support, Firefox is also supported, but, please use the OGG format of music files, mp3 format of the music Firefox is not prompted not to support, there will be no music. For better compatibility , when using this label, please change the format of the music to Ogg

9 . When a block-level element contains an inline element, the inline element is aligned by default with the baseline baseline of the block element, and the block element's baseline distance is a certain distance from the default case of the block element border. Block-level elements have baselines but only inline (inline block) elements have inline alignment issues (such as: baselines), and baselines have no effect on block-level elements

Thevideo and audio formats supported by different browsers for vide and audios are different, so it is best to have video or audio in 3 formats.

One, select the class module must be bound with the form element (the back-end program needs to determine which option is selected through the form control), some of the requirements of the choice of class module is not to see the form, this time you need to click on the selected label (see the tab) and the form control (invisible label) with the label tag binding.

The onsubmit event of the form is called when the S ubmit is clicked in the form?

The tableHeader (<thead>), the body of the table (<tbody>), the footer of the table (<tfoot>), and the order of the three table sections, regardless of how they are written, are written in a strictly semantic label. Rendering on the browser will be formatted from top to bottom according to this semantics.

<td> tag plus a contenteditable= "true" property to enter text.

The<iframe> frame tag can be embedded in other HTML files, and this page is displayed in this tab. Use this tag to load the public part (such as the header navigation bar)? There's time to study .

<object> and <embed> plug-in tags are mainly used to insert flash or music, the difference between two tags is only browser support will be different. This tab is used for inserting objects (such as embedding Java applets in Web pages, PDF readers, Flash players). These two tabs play the video screen in IE6, 7, 8 can be very good operation.

Individual guesses about their rationale: These two tags invoke the browser's built-in Flash plugin (a scripting language, installed in the browser) to play the appropriate media files. It can also be understood that the two tags can call the Flash script and set the parameters on the label. The object tag itself checks to see if the corresponding plug-in is installed.

Summary: The media label has an early <embed><object> label (Universal, need to be set to a wide height), H5 new tag video, audio

Note:adobe Flash player plugin and adobe Flash player player are two different things, one belongs to the script and the other is software.

Theactual use of Flash plug-ins, you can copy someone else's website code, portal site is more.

The advantages of the pseudo-elements of the tags in thefont of the icons will be reflected, I suspect is for it to set the bar.

Pro-Test, embed in the high version of the browser with IE8 debugging can be very good property and JS control, but in itself is IE8 browser can not play normally, not in Google. Object currently has no control over the test.

The<datalist> tag specifies a list of possible options for the <input> element, and unlike Select, his form can be entered.

Toenter the address of a video file directly in the browser's address bar, IE will automatically call the media player player to play the video, based on this result. We play the video in IE, we can use the redirect way to open the video player and play the video. In JS can be redirected, with a tag can also be redirected.

about the media files in the Web site technology also need to see the website study, a lot of the rookie is not the whole.

The width and height of the video tag, just the width of the video tag,is not the width and height of the videos inside the tag. The video's width and height must be in a fixed proportion (depending on the video). The width and height of the video match the width of your video tag to ensure the maximum width and height of your videos within the audio tag. The video is centered in the Videos tab. Posters and video videos are the same, so the poster's aspect ratio and video's aspect ratio are best aligned.

HTML Tag Class Summary

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.