Focus on your ultimate goal and then find the best approach to achieve it. Don't limit yourself to the tools available, but instead think creatively about how to use them.
Begin development with the basic functionality that works across all platforms and gradually add more advanced features through progressive enhancement.
Check out the websites caniuse or html5test for more information.
Internet Explorer 8 lacks support for most HTML5 elements, as it was in development before the HTML5 standard even existed.
While IE8 does have some CSS3 properties like text-wrap that weren't included in CSS 2.1, major features such as box shadows and rounded corners are not supported.
For more information on supported properties, check out the links provided in yojimbo87's answer.
Even Internet Explorer 9 falls short in supporting HTML5, with a focus mainly on canvas, video, and audio elements. It still lacks crucial HTML5 form fields and many new JavaScript APIs.
In summary, no, IE8 does not fully support HTML5. However, it is capable of displaying HTML5 documents due to fallback options outlined in the specification for compatibility with older browsers.
Internet Explorer 6 and 7 offer limited support for HTML5 and CSS3.
For compatibility information, refer to Quirksmode's table at: http://www.quirksmode.org/compatibility.html
If you're working with HTML5, consider using Modernizr, a JavaScript library that adjusts HTML/CSS based on the user's browser capabilities.
While the HTML5 specification is still being worked on, it's risky to sell a client something that isn't fully developed yet. For example, Internet Explorer only supports around 5% of the current HTML5 specs.
When it comes to browser support for HTML5 and CSS3, IE8 falls short in comparison to other options such as Firefox 4 from the 'Gecko' family or Google Chrome and Safari (for MacOSX) from the 'Webkit' family. These browsers offer excellent support for HTML5 features. Although I haven't personally tested it, IE9 is said to have impressive HTML5 support but is limited to Windows 7.
If given the choice, I would recommend using Firefox or Chrome for a better browsing experience.
Considering the current level of browser support for HTML5 and CSS3, it seems like your client is either out of touch or not thinking clearly. While there is progress in the adoption of HTML5 and CSS3, many browsers still struggle to fully support their more advanced components such as <audio>, <video>, and <canvas>. Additionally, IE users often face limitations with CSS3 compatibility.
It is worth noting that IE6 remains widely used in China, so if your target market includes this region, sticking with older technologies may be a safer choice due to better support.
If you want to use HTML-5, it's best to avoid IE-8 and opt for browsers like Chrome, Firefox, or Safari instead. For more information, check out this link
Hello, I am new to Javascript! I have a table structure that looks like this: <table id='master_tbl'> <tbody> <tr id="master_hr'> <td class="myclass"> <table> <tbody ...
Utilizing AngularJS ng-repeat for displaying a list of products and incorporating bootstrap col-md-2 to showcase 6 products in each row, I have included a condensed version of my code below: <!DOCTYPE html> <html lang="en"> <head> <ti ...
I am a beginner in javascript and I'm learning about events. Below is the HTML code for a table that displays income titles and their respective prices. <table class="table table-hover table-bordered" id="incomeId"> <thead> <tr&g ...
Here is my current situation. <h2>Details</h2>\n +<p>(.*)<br />|</p> ^ there's a tab space, wondering if there's a better way to show one or more (seems to be working) I am attempting to f ...
I'm currently working on an html table where the <tbody> is generated using angular's ng-repeat. Take a look at my html: <tbody ng-repeat="car in carList | filter:tableFilter"> <tr> <td><a target="_blank" h ...
As an example, consider the <input name="surname" id="surname" type="text">. Sometimes I want to hide this input and make it non-required. My current workaround is to set a value such as "some value" when hiding the input, and then remove this value ...
Greetings Everyone, I've successfully implemented a basic CRUD functionality in VueJS. The values are being inserted into a list, from which I can read and delete them. However, I'm facing an issue with updating any value. When I try to ...
During the development of a project in plain ReactJS, I added these two lines to my index.css: overflow-y: scroll; overflow-x: hidden; The purpose was to ensure a vertical scrollbar always appeared without causing a horizontal scrollbar even when there wa ...
On an HTML5 website, I have an input element and I want the soft keyboard to automatically appear and focus on that input element. I attempted to use the 'autofocus' attribute on the 'input' element, but this only focused on the element ...
There is a strange issue plaguing my code - I'm enclosing some text in a span tag and it's causing an unexpected line break. It's unclear whether React.js, Next.js, or Bootstrap is the culprit, but I can't seem to get rid of the pesky l ...
Let's consider a scenario where I have an HTML page with the following simplified content within the body: <div class="wrapper"> <div class="block1"></div> <div class="block2"></div> <div class="block3"></ ...
I am struggling to align the child flexboxes within my parent flexbox in a single row, both vertically and horizontally centered. I want to add space between them using the gap property in CSS, but the images and embedded videos inside these child flexboxe ...
I have been working on parsing an XML file and displaying the output in a div. However, I've encountered an issue where the .append() function is not generating the expected HTML output. Below is the JQuery code snippet I am using: var container = $ ...
I'm struggling to understand why the Navigation bar has extra padding or margin on top only on certain pages, while it looks fine on the Homepage. I've dedicated countless hours to this issue and I am feeling completely frustrated. If you' ...
Issue I am currently using MathJax to display mathematical equations on my webpage: The problem I am facing is that I want the math font to appear larger than the surrounding text, as depicted in the image above. However, when viewed on mobile devices, t ...
Is there a way to dynamically change the image links in responsive mode on WordPress? I am displaying thumbnails with a fixed size of 280*200, but I want to switch to medium-sized thumbnails (480*200) when the resolution is between 480px to 600px. Is there ...
Currently, I am facing an issue while trying to embed a video from YouTube. I am unable to draw anything (text, image, etc.) when the video is in fullscreen mode. Despite my attempts to use z-index, it has not been successful. My goal is to create a n ...
Need help with searching for specific text within a large HTML table of emails and selecting a button within the element? You can easily find the table body via XPATH by using: //*[@id="reportList"]/tbody Within this table, there are multiple rows (tr). ...
Here is the HTML code snippet I am working with: <p class="main-text"> <span>Lorem Ipsum</span> <span>Lorem Ipsum</span> <span>Lorem Ipsum</span> <span>Lorem Ipsum</span> ...
Is there a method to ensure that a div element wraps the lines similar to how a span does? JSFiddle for testing In this example, I utilized the span tag to create an appearance as if the text was highlighted by a yellow highlighter pen. Everything functi ...