Use Dreamweaver MX 2004 to check the browser compatibility (1)
First, the introduction
Take a strict measurement which Tags, Attributes, and CSS Properties can take effect in the browser you have supported by time and hard tasks. However, because Dreamweaver MX 2004's Browser Target Check feature allows you to concentrate on site construction, let Dreamweaver helps us complete the task (measure which tags, Attributes, and CSS Properties can take effect in your browser. ).
In this article, I will show you how to use this powerful feature to check the compatibility of all mainstream graphics browsers.
Browser Compatibility Checking VS Code Legality
It is important to check that the browser's compatibility is completely different from verifying your code. In this article I will review the browser compatibility, that is, Tags, Attributes, and CSS Constructs that are not supported by specific browsers or specific versions of browsers.
This inspection that is different from Dreamweaver is used to check the syntax of the Markup language (HTML / XHTML) that relies on a specific standard called Document Type DEFINITION (DTD) - Document Type Definition. Read my "Validating Code in Dreamweaver MX
2004
"
This article you can learn more about Dreamweaver MX 2004 verification code.
Demand: To complete this tutorial, you need to install Dreamweaver MX 2004
Second, choose which browser
Checking your page Error The first step is to indicate the minimum version of the browser that you want to check.
No matter what situation, you should first open your page in most recent versions of a standard compatible browser (such as Mozilla or Opera). You should also use browsers (such as safari.) To test your page on the Apple. For Internet Explorer, open the page with Internet Explorer 6 (Windows) is wise. When you are sure that there is no problem in the latest version of Internet Explorer, you will start testing the lower version of the browser you want to support.
Mac OS users
On the Mac OS platform, Safari 1.2 is extremely supported Web standard. It is very good for Internet Explorer 5.2 (Macintosh), IE 5 is the first standard compatible browser, and well supports CSS1, part of support CSS2.
Netscape 4
Although Netscape 4 has been eliminated, there are still some users (such as government departments) in using this ancient version of browser. If you need to support Netscape 4.x, remember that it is very weak for CSS. Here are some methods suitable for Netscape 4.x users.
1. Write only the CSS code supported by Netscape 4.x. You can use the CAIO HACK invented by Caio CHASSOT to hide the CSS code it does not support, thereby achieving this. Here is an example of caio HACK:
.myclass {
/ * / * /
Margin-bottom: 2em;
/ * * /
}
2. Use the @Import indicator to hide the CSS code that Netscape 4.x does not support.
Netscape 4.x cannot recognize a style attached to the @Import method in your web page. Therefore, this technique can be utilized to hide this annoying browsing unsupported CSS code. Conversely, this brings you any flexibility among both.
l Use the link settings shown in Figure 1 to the CSS style supported by the Netscape 4.x user provider browser. Figure 1 LINK Element
l Provides only any CSS style (page) content for users only to Netscape 4.x.
Load CSS style using @Import indicator
Follow the steps below to use the @Inport indicator to attach external files:
1. Open the CSS Pattern Panel (Select Window -> CSS Style)
2. Click the "Additional CSS Style" button (original: Click The New Style button)
3. Find the CSS style file you want to attach
4. Select the "Import" radio button, as shown in Figure 2
Figure 2 Using the @Import indicator to load CSS style
Use the link method to attach an external CSS file by using the link method.
Open CSS style panel
2. Click the "Additional CSS Style" button
3. Browse you want to attach the CSS style file
4. Select "LINK" radio button
(Endlessly)
Inappropriate, please point out, criticize.
E-mail: xmanceo@yahoo.com.cn
related articles:
Use Dreamweaver MX 2004 to check the browser compatibility (2)
Use Dreamweaver MX 2004 to check the browser compatibility (3)
