I am new to Web Development. I am currently looking at HTML 5 and I was wondering if HTML5Shiv is only for old Internet Explorers or it also works for other old Browsers of Firefox and Safari.
If you so much as bothered to glance at their project page, the answer would be right in front of you.
The HTML5 Shiv enables use of HTML5 sectioning elements in legacy
Internet Explorer and provides basic HTML5 styling for Internet
Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
Related
I have been using HTML, CSS, JS and jQuery in my web development and it is my first time. I have been testing my design on Chrome, Firefox and Microsoft Edge, and it works perfectly.
But when it comes to Internet Explorer, things just don't work well. Squeezed images, animation not working, margin/padding issues, flickering image when scrolling etc...
So my question is, are there any merits in getting any websites to work flawlessly with IE? IE is like the least popular browser now that Microsoft Edge is here (from what I read sometime ago). Just wondering if I should invest my time in getting my website to work with Internet Explorer.
#zaraku27
I think you should make a website which is compatible on every browser although Internet Explorer is not commonly used by everyone because of some other modern browsers but some of the application are optimized only for IE and some websites can only be used on IE whereas it is faster with windows computer because it is integrated. It is also simpler to use then other modern browser like Chrome, FireFox, Opera and etc and it is highly compatible with almost all the Operating System.
The versions 9 and above of Internet Explorer use HTML5 which enhances browsing experience, This lets the user to stream videos and audios excluding any type requirements of installing additional plugins IE being one of the oldest and conventional web browsers support many of the applications which some modern web browsers may not support .
Can i have a list of html/css tags which works only for Internet explorer.And these tags/attributes should not work in other browsers especially for chrome and safari.
Thanks,
Shyam
As you didn't mention the version of IE, I am Going with the IE10
this link describes IE 10 Specific Styles
I think the only HTML (non-standard) tag supported by IE and not other browsers is <bgsound> for background sound. Some sites will also mention <marquee> too, but although it is non-standard, it has worked on Chrome and Firefox for a while.
About CSS, I don't know if there are any specific rules/attributes that only work on IE (but I know there are many standard rules/attributes that do NOT work on older versions of IE :P)
I have finished designing my website but it displays differently on firefox, chrome and internet explorer. I believe i have done everything right but i dont know what is happening. Actually, google chrome displays it as i want it to, but firefox and internet explorer does not. My internet explorer version is 10 and firefox is 29. Please any help is much appreciated. thanks
This is the link to hosted site: http://www.ruebenpersonal.netai.net.
http://pastebin.com/xTnXeGhq - Link to the html source code.
Some browsers are uses the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. To enable that methods, there are available to use JS engines like html5shiv or modernizr.
Note: You can use a service like this to generate starter templates that supports almost every browser.
Initializr: http://www.initializr.com/
Each browser uses different rendering engines. This means that certain HTML elements, CSS styles, etc. will be interpreted differently or not at all by browsers that do not share the same rendering engine.
To understand more, I would refer to this link: http://taligarsiel.com/Projects/howbrowserswork1.htm
As far as developing for multiple browsers, I would look into the modernizr javascript library, http://modernizr.com/, and for quick reference, caniuse.com.
Hope this is helpful.
I am using html5 meter tag it's working fine in Firefox and Chrome but not in IE.
is there any solution apart from Progress bar?
please let me know thank you
To my knowledge, no stable version of Internet Explorer supports the meter element.
Even the Modernizr test suite failed to detect meter in IE10 / IE11 on Windows 8.1.
This perhaps leaves you only with the fallback approaches.
http://connect.microsoft.com/IE/feedback/details/793736/ie11-feature-request-support-for-meter
Can someone please elaborate on which versions of Internet Expolorer the HTML5 ★ BOILERPLATE framework supports?
Does it have support for IE versions 7 & 8?
The current version supports IE8+. From https://github.com/h5bp/html5-boilerplate#features:
Cross-browser compatible (Chrome, Firefox, IE8+, Opera, Safari).
Boilderplate v4 supports IE6+, but is no longer maintained:
HTML5 Boilerplate v4 provides legacy browser support (IE 6+, Firefox 3.6+, Safari 4+), but is no longer actively developed.
HTML 5 doesn't work in most versions of IE. So HTML5 boilerplate uses Modenizer and X-UA-Compatible to make most of it work. You can read about all of it on their github profile.
SEE DOCS:
https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/html.md
https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/html.md#modernizr
https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/html.md#x-ua-compatible