📃 September 2012 release notes

New in Safari on iOS

The following features are now available in Safari on iOS:

• Accesskey: The accessKey global HTML attribute gives a hint for generating a keyboard shortcut for the current element. The attribute value must consist of a single printable character.
• <bdi>: The <bdi> element isolates text that may have a different text direction from its surrounding text. This prevents the browser's bidirectional text algorithm from affecting or being affected by the direction of the surrounding text.
• box-sizing: The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.
• cubic-bezier() easing: The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.
• <details>: The <details> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <summary> element is visible.
• <dfn>: The <dfn> element marks a term to be defined, styling text as italic by default.
• dirname: The dirname attribute of <textarea> and <input> HTML elements includes the field's writing direction as form data on submission.
• hashchange: The hashchange event fires when the URL fragment identifier (the part of the URL starting with #) of the current page has changed.
• srcdoc: The srcdoc attribute for the <iframe> HTML element sets a string of HTML to embed in the document. The value of srcdoc overrides loading a document from the src attribute.
• ping: The ping attribute for <a> elements sets a URL to send a POST request to when the <a> is clicked. This is typically used for outbound link reporting.
• SMIL SVG animations: The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.
• SVG filters: The <filter> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.
• Text tracks: The <track> element is used as a child of the media elements that lets you specify a timed text track to be displayed in parallel with the media element.
• translate attribute: The translate HTML attribute marks whether an element's text should be translated.