Introduction to HTML data attributes and earlier browser compatibility Algorithms
Instance
Use the data-* attribute to embed custom data:
Owl
Salmon
Tarantula
Browser support
IE
Firefox
Chrome
Safari
Opera
Supported
Supported
Supported
Supported
Supported
All mainstream browsers support the data-* attribute.De
Comments: HTML 5 is the greatest leap in Web standards over the past decade. Unlike previous versions, HTML 5 is not only used to express Web content. Its mission is to bring Web into a mature application platform on which video, audio, and image are, animations and interactions with computers are standardized.
HTML 5 can be said to be the greatest leap in Web standards over the past decade. Unlike previous versions, HTML 5 is not only used to express Web content. Its mission is to bring Web in
(Switch) No harm without IE! Summary of browser compatibility solutions, ie Solutions
Popularity: The compatibility of browsers is often caused by inconsistent definitions of some standards in some browsers (that is, the unique browser. As the saying goes: Without IE, there will be no harm.
Tips: The content is summari
automatically compile all pages using IE7 mode.There's another solution, like Google'sIe7–js is a JavaScript library (the JS library that solves the conflict between IE and the Web Standard), making Microsoft's Internet Explorer behave like a website-compliant browser, supporting more standards and supporting CSS2, CSS3 selectors. It fixes a number of HTML and CSS issues and makes transparent PNG appear correctly in IE5, IE6.Make IE5,IE6 compatible t
the JSON syntax in the "data-*" attribute,You can access this data through JS directly, through the JSON key value, you can get the corresponding value:var gamestatus= jQuery ("#item"). Data (' ID '). game;You can also assign a value directly to the "data-*" property by using the. Data (Key,value) method. One important thing you should be aware of is that these "data-*" attributes should be associated with the element in which it resides, not as a storage tool for storing anything. Although dat
Label: style blog HTTP color ar use for SP Div
360 secure browsers use the IE6/7 mode by default in compatibility mode. Sometimes the Web is only compatible with IE8 or later. The following describes how to adjust the speed mode of the 360 browser compatibility mode:
Set the 360 security browser to open the mode and se
Style customization for the input element [typefile] has always been a problem in browser compatibility. The following describes the style customization for the input [typefile] in different browsers, if you are interested, you can refer to the two days when I encountered such a problem when I was doing pen tests for the People's Network. I used the new HTML5 fea
solutionsSolution: Browser judgmentMake browser judgments on Web pages, if the browser version is less than Introduction to Google Chrome FrameIn the literature 2 kinds we can roughly know what Google Chrome frame is. Google Chrome Frame, officially the official Chinese name is "Google browser embedded framework." Goo
This article mainly introduces two methods to Implement IE browser compatibility with placeholder Based on jQuery. For more information about how placeholder is HTML5, see
Different browsers (modern browsers that support HTML5) have slightly different display effects:
In Chrome (v31.0.1650.63 m), Firefox (v21.0), 360
1. hack for different browsers/*firefox*/@-moz-document Url-prefix () { . class{color: #000000}}/*webkit tenon nuclear browser (Chrome and Safari) */@media screen and (-webkit-min-device-pixel-ratio:0) { . class{color: #000000} }/*ie*/Please go http://blog.csdn.net/freshlover/article/details/121328012.CSS Reset (CSS style reset)The principle is to clear some of the default style of the label, you define the new style, to ensure that differen
Article Introduction: CSS Web Design tips: The input button in IE browser compatibility issues.
This time in processing the Web page default input button, ie often appear inconsistent width problem, people feel very tangled. So today asked several experts to solve this problem, now posted out and share with you, of course, this method has been written on the internet, we can come together to dis
In short, it's This big string is OK, feel oneself Bang Bang ~ Of course perhaps some places also need to reviseThere is also a meta tag for the web to fit the mobile side:A, Web page width defaults to screen width (width=device-width),The initial zoom ratio (initial-scale=1) is 1.0, which is the initial size of the Web page that occupies 100% of the screen area.B, C, D, E, F, ==================And there's an interesting wayWhen I created HTML5, I fou
) {If it's Firefox:}else if (navigator.appName.indexOf ("Microsoft Internet Explorer")!=-1 document.all) {If it is IE (6,7,8):}else if (navigator.appName.indexOf ("Opera")!=-1) {If it is Oprea:}else{}Orvar ua = Navigator.userAgent.toLowerCase ();if (Ua.match (/msie ([\d.] +)/)){JQuery (' #__alert_sound '). html (' }else if (Ua.match (/firefox\/([\d.] +)/)){JQuery (' #__alert_sound '). html (' }else if (Ua.match (/chrome\/([\d.] +)/)){JQuery (' #__alert_sound '). html (' }else if (Ua.match (/ope
Compared with Flash, the new technology using HTML5 can improve the loading speed of the program. However, in the current situation, HTML5 feature support is not high, the availability of plug-ins is really narrow. For example, the new features I use in Plug-ins are:
Multiple properties of the
File and FileList APIs
XMLHttpRequest2 's upload and onprogress.
FormData
Take file, IE9 are
, configure the parameters can be converted. A friend who doesn't have the right tools can give it a try.
Step two: Write the corresponding HTML5 video code
The video in HTML5 is actually a simple label that contains some information about the videos. I'll just give you the specific code, and then I'll explain briefly:
Your browser does not support video features
Developer's main development debugging platform. Google's main push Chrome has taken the third place.The main browser version distribution is shown in 2.Figure 2 Browser main version distribution mapIn addition to some of the latest browser versions, all of the browsers (versions) we have selected are shown in table 1.Table 1 Test BrowserHTML5
elements
Width
Pixel
Sets the width of the video player.
HTML5 browser and audio format compatibility
Audio format
Chrome
Firefox
IE9
Opera
Safari
OGG
Support
Support
Support
does not support
does not support
MP3
Support
does not support
Sup
The time has come for HTML5 to go on its way. If you're still waiting for browser compatibility, it means you've been disconnected from the web a few blocks. Of course, this is thanks to the booming mobile client. If still tangled in, whether should master HTML5 and CSS3 technology, please mercilessly smoke own several
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.