background preloader

Other Elements and attributes

Facebook Twitter

Using HTML's translate attribute. Quick answer The translate attribute in HTML5 indicates that the content of the element should or should not be translated.

Using HTML's translate attribute

There is no effect on the rendered page (although you could, of course, style it if you found a good reason for doing so). For example, <h1>Using HTML's <span class="kw" translate="no">translate</span> attribute</h1> The attribute can appear on any element, and it takes just two values: yes or no.

Setting this translate flag on an element applies the value to all contained element content. If a page has no translate attribute, a translation system or translator should assume that all the text is to be translated. Longer answer Why it is needed? Adding the translate attribute to your page can help readers better understand your content when they run it through automatic translation systems, and can save a significant amount of cost and hassle for translation vendors with large throughput in many languages. You come across a need for this quite frequently. Blog » HTML5 adds new translate attribute. A translate attribute was recently added to HTML5.

blog » HTML5 adds new translate attribute

At the three MultilingualWeb workshops we have run over the past two years, the idea of this kind of ‘translate flag’ has constantly excited strong interest from localizers, content creators, and from folks working with language technology. How it works Typically authors or automated script environments will put the attribute in the markup of a page. You may also find that, in industrial translation scenarios, localizers may add attributes during the translation preparation stage, as a way of avoiding the multiplicative effects of dealing with mistranslations in a large number of languages. There is no effect on the rendered page (although you could, of course, style it if you found a good reason for doing so). 3 Semantics, structure, and APIs of HTML documents — HTML5.

3 Semantics, structure, and APIs of HTML documents 3.1 Documents Every XML and HTML document in an HTML UA is represented by a Document object.

3 Semantics, structure, and APIs of HTML documents — HTML5

[DOM] The document's address is an absolute URL that is initially set when the Document is created but that can change during the lifetime of the Document, for example when the user navigates to a fragment identifier on the page or when the pushState() method is called with a new URL. Interactive user agents typically expose the document's address in their user interface. 3 Semantics, structure, and APIs of HTML documents — HTML5. A[download] JS Bin - Collaborative JavaScript Debugging. Can I use... Support tables for HTML5, CSS3, etc. About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Can I use... Support tables for HTML5, CSS3, etc

The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green?

Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? 4.8 Links — HTML5. Links are a conceptual construct, created by a, area, and link elements, that represent a connection between two resources, one of which is the current Document.

4.8 Links — HTML5

There are two kinds of links in HTML: Links to external resources These are links to resources that are to be used to augment the current document, generally automatically processed by the user agent. Hyperlinks These are links to other resources that are generally exposed to the user by the user agent so that the user can cause the user agent to navigate to those resources, e.g. to visit them in a browser or download them. JS Bin - Collaborative JavaScript Debugging. The best of <time>s. (Article updated to correct some typos noticed by commenters, and clarify some aspects.)

The best of <time>s

Avid HTML5 watchers will know that the <time> element was dropped from HTML, then re-instated, with more New! Improved! Semantics. As before, you can put anything you like between the opening and closing tags – that’s the human-readable bit. 4.5 Text-level semantics — HTML5. 4.5 Text-level semantics 4.5.1 The a element Categories: Flow content.

4.5 Text-level semantics — HTML5

Phrasing content. Interactive content. Palpable content. JS Bin - Collaborative JavaScript Debugging. Add <details> support - includes stylesheet. HTML5 Tutorial #18 - Modernizr. HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki. So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki

The general idea is that: we, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr. Looking for a guide to write your own polyfills? See Writing Cross-Browser JavaScript Polyfills. Looking for a alphabetical guide on HTML5, CSS3, etc. features, and how to use them?

See HTML5PLEASE. Modernizr. Modernizr: the feature detection library for HTML5/CSS3. HTML5 Please - Use the new and shiny responsibly. Can I use... Support tables for HTML5, CSS3, etc. About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Can I use... Support tables for HTML5, CSS3, etc

The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green? Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? Yes, the raw support data is available on GitHub and is updated regularly.

Could you add feature X to the site? Adding features takes quite some time and there are many requests for additions. If you've done the research yourself already, you can also submit a feature on GitHub. Which features do you choose to add to this list? JS Bin - Collaborative JavaScript Debugging. JS Bin - Collaborative JavaScript Debugging. HTML5 : Les éléments <details> et <summary>. Parmi les nouveautés de HTML5 faisant écho à des applications existantes sur le web, les éléments <details> et <summary> ont le rôle de baliser un complément d'information.

HTML5 : Les éléments <details> et <summary>

Un résumé et des détails. JS Bin - Collaborative JavaScript Debugging. JS Bin - Collaborative JavaScript Debugging.