2. Tech
  3. Some basic points to eliminate the difference between the home page browser

Some basic points to eliminate the difference between the home page browser

zhaozj2021-02-08  255

Eliminate some basic points of the main page browser Difference Wu Zeping (Email: Wu-zeping@163.net) A excellent web production tool will make your webpage have a strong body. FRONTPAGE2000 is famous, talented double, and its brothers IE support, is the choice of most moderators. However, "baking chicken" to raise it with this FrontPage is only to IE, and it may be a little emotion. Therefore, it is necessary to strictly act in it, so that your baking chicken can present the same appearance in any browser, let you become a hero that really "do not change the name, sitting does not change." Here is some common basic methods, and it is desirable that other readers can continue to supplement. 1. Many people will delete some fonts for optimizing the system. If you stubbornly think that the default font of the browser is absolutely not applicable to your homepage, but not willing to delete the visitor of the font, you can use Face = "" to specify a series of font types, press priority Sequentially arranged (in the middle of the comma. For example: Welcome 2. Care should be used with a soft back to the car. For example, enter a piece of text in the FrontPage2000 table, arrive The text will automatically wrap after the table border, this is nothing wrong with it in IE, but do not count on the NC and Opera will automatically wrap, they will go to the end! To solve this problem, you can press the end of each line. SHIFT adds a hard drive, or inserts a carriage return directly in the source file. Since the former cancels the automatic wrap, there will be a line of two lines in two lines when selecting a large font, there may be only 1,2 words. The latter does not cancel the automatic wrap function when IE browsing, but the carriage return in the source file will be replaced with a space. In other browsers, it is handled as a wrap, so relatively better .3. If you don't want the page Dongdong doesn't know where to be placed in some browser, you will be very necessary to use the form to locate all the text and graphics. When you use space to calibrate the position, you should be careful, because In the middle half of the browser such as Netscape Gold and Opera (in the case of opening the Chinese character input method), it will be displayed as a blame, and should close the Chinese character input method to enter spaces or enter the full-corner space to locate. 4. Want to join the background music? Also set for IE: (Sound.MID is the file name, loop is the number of playback, default unlimited loop) Netscape: autostart =" true "Allows automatic playback; the play controller will appear when the Netscape is played, hidden with hidden =" true "; loop =" False "only playing once, if you want an infinite loop to change false to true. Need not to note that some of the two sentences appear in the same version of IE, there will be errors. No problem, join Tags: <bgsound src = "Sound.mid" loop = 1> </ noembed> <Embed src = "Sound.mid" autostart = "true" hidden = "true" loop = "FALS e "> 5. Be careful when defining colors.</p> <p>We can't manage the settings of their personal computers. The background color of your carefully designed may be more excited by freckles. Because if your visitor's palette does not set your custom colors, the visitor's browser uses a technology called "high frequency vibration" to display this color, but because it cannot be displayed correctly Transparency and clarity, the last resulting effect will be seriously distorted. So choose the safety color that is suitable for the web page at the background and bulky colors. The following is a recommended RGB security value (color code), as long as one set of 16-based number is selected from each column in each column, the 6-bit RGB value (see Table 1). In fact, in the browsing method of 256 color settings, only this 216 RGB values ​​are absolutely secure, such as CC66FF. Another: HTML sets the background color statement is <body bgcolor = "# cc66ff"> 6. Do not easily use the dynamic plugins provided by FrontPage2000. These stuffs she offer are mostly based on ActiveX, sometimes they cannot be displayed normally in Netscape. For the dynamic effect provided by FrontPage2000, we can mostly implement some "low-end" JavaScript (IE3.0 has started supporting JavaScript), which is easy to find, and there is a fast speed. 7. It is best not to be placed in the Java scroll screen. Browser such as Netscape Gold and Opera is not satisfactory for Java's Chinese support, and there will be garbled, and you should use less as little on the same page, otherwise it will seriously affect access speed. 8. There are also some versions of the browser that does not display the table background graphics, only display the default background color, and even some visitors turn off the multimedia (graphic) option to access (such as the author), in order to meet this part of the visitors, it is best At the same time, set the table background image and color, not to mention that all browsers are blackwrites by default. 9. First, write an example to you <frameset frameborder = "0" border = "0" scrolling = "no" noreSize color = "165, 10%, 2 *, *"> You will find it in your baked chicken Similar statements (below assume that you have made a rough appearance using FrontPage2000), you can do appropriate adjustments as needed. FrameBorder = "n" border = "n": all set or delete the frame, n = 1 set the border, n = 0 deletes the border. Where FrameBorder is HTML4 standard and IE usage, Border is a Netscape Usage. The effect of achieving a unified is set. The emergence of the scroll bar will make the "beautiful" big movement. If you don't want it to add scrolling = "no" in a frame (YES is required, Auto will appear as needed), do extreme, you can even add scrolling = "no" to the frame page FrameSet>, eliminate all scroll bars in one fell swoop - as long as you are not afraid that visitors only see half of the page when using low-resolution browsing; NORESize: Disable visitors from dragging mobile frames with mouse; cols = "165, 10% , 2 *, * "sets each frame width. 165 is the number of pixels, 10% is 10%, "2 *, *" in the window, is assigned to the remainder of the window 2: 1.</p> <p>In the HTML4 standard, each attribute setting item can be arbitrarily disrupted, but must be placed on the front end of the described object, so that it is not a case, just remember not to join the space (the same applies to other objects). 10. Sometimes it is required to use a hyperlink to open two frames at the same time. We first assume that you want to load the frame first.htm and next.htm to different framepage windows through the hyperlink 1, where NEXT.HTM is opened in the window Banner (window name can be similar <frame name = "Banner" target = "main" src = "left.htm" "of the statement found). Need to join the OnLoad instruction in First.htm: <body οnlοad = "parent.banner.location.href = 'next.htm'> </ body> Specific form: <html> <body οnlοad =" parent.banner. Location.href = 'next.htm' "> This is the original other content </ body> </ html> principle is simple, the ultra-chain 1 opens first.htm, and the onload statement joined in First.htm Automatically open next.htm to the specified window, enabling features that use a link to control two frames (you can further exactly). 11. In the case of two frames, FrontPage2000 sometimes does not allow you to choose on the right side, if you want to get new, make the right page to select, on the left page, you can do the following: We assume the left frame name: left frame name: left.htm Right Frame Name Right.htm In your frame page html, it will contain similar <frame name = "contents" target = "main" src = "left.htm"> <frame name = "main" src = "right.htm"> The statement. Just join the <base target = "contents" in Right.htm> and delete similar statements in left.htm, everything is OK! 12. Although your filename is saved as .htm or .html is the same as the browse, but if the visitors use the early Win3.x operating system to save your .html document, because they do not support 4 letters extension, He may not be able to open the unit smoothly, so please save as .htm form. Separate page with a frame is the most popular (or older) expression, and it is undoubtedly the most effective in some ways. However, if the setting is not properly set, the FrontPage2000 is a little bit of mortality in this regard, but also instructs some of the code that does not look into the eye, but even if IE and Netscape have different syntax due to IE and Netscape for some basic functions. Support, she only obey IE, but makes your baking chicken in Netscape, which is a sense of innate shortness, only by our own hands to change some code to improve this situation. The change code is best to do in the text editor such as a form of format control, and the changed page file is best not to save the FRONTPAGE2000 again, otherwise she sneaks to you, I don't say that I have prior Didn't tell you. Clearly understand the HTML standard in the framework settings, directly modify the code to achieve some function, and can get the effect of half-power for the homepage producer (not lazy here).</p> <p>13. In the Frame Page Setup (in fact, if you regard the fabric of the table as a framework, you will find that the table and set the frame page properties are connected to each other, each Frame page width, high attributes are very important. We will explain to the frame width settings in each frame page of each frame as an example (high setting aspect is the same as the width setting): A: The left and right foot requires a certain proportion (assuming requirements 3: 2). The left frame should be set to 40%, the right frame is 40%, so that it can be guaranteed to maintain a predetermined ratio at any resolution. However, pay attention to notice that the special effect should be guaranteed to ensure that the left frame ratio right frame ratio = 100% B: There is a strict width limit (assuming about 150 pixels required). The left frame should be set to 150, the right frame is * (ie, the setting the right frame accounts for the remaining window) so that the right frame is used as the width scalable frame page, which can automatically change as the window size changes, effectively adapts to different resolutions. In practical applications, most of the cases require a certain part must be placed at a fixed position of the window, and set a variable partial important part. If the table width is Nn% in the form, for a cell that requires less stringent cells (note is a column or a single line, the width of the cell is likely to affect each other) does not set its width, It can play the same role. C: The setting of more than 100% width is not completely useless. If set to 110%, you can set no scroll bar, you can achieve the purpose of hiding a part of the frame page. 14. Add "<blink>" on both sides of the text to flash in the text, but do not apply to all browsers. Don't count on it in order to increase your page. 15. Using JavaScript will make your homepage look more cool, but in a browser that feels numb and closes this feature for JavaScript, you carefully tune JavaScript will even be displayed. Workaround: Add the description sign <! - and -> browser that does not support JavaScript ignore it: <! - begin hidding javascript Add JavaScript statement // end hiding javascript -> If you must let Visitors know that this page uses JavaScript, you can continue to add a Noscript flag: <Noscript> [javaScript] <////////. JavaScript] 16. In this point, you have added no width to the window n% of the window N%. The text of the car (arranged to be a line) can help us easily achieve the automatic wrap under any resolution. However, because Netscape is not available to some Chinese fonts (for example: 体 _GB2312), even if there is such a font in the visitor's system, it may be displayed as the default font, and improper setting or garbled is created. For font issues, you can use the above method to use multiple fonts, and to avoid abnormal garbled, it is best to join the text attribute flag at both ends of the wrap. (It is not necessarily doing this, but sometimes it is very effective for solving abnormal garments.) For example: <font face = "体 _GB2312"> The first paragraph No changed text <font> <font face = "体 _ GB2312 "> The second paragraph without wraps </ font> (where <br> is a classic wrapper) 17. Logo all the fonts and font numbers of all documents. The display results of the specific structural components are completely dependent on the browser, and different display results will occur if the default value is used.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-1705.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="1705" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.049</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'ylXbLV6a3MHf75Mu9y6JR0RNOj8ocyS1A54Xi3GBSlHhsuaWWXAdmFrLo380rKvRNwLcL4toYEUoN_2BI1sqC2ww_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>