📃 July 2008 release notes

New in Safari on iOS

The following features are now available in Safari on iOS:

• attr() (content only): The attr() CSS function, in content property declarations, sets a ::before or ::after pseudo-element's content to the value of the specified HTML attribute.
• <base>: The <base> element sets the base URL (the URL that relative URLs are relative to) for all relative URLs in the document.
• Change event: The change event for <input>, <select>, and <textarea> elements fires when the user modifies the element's value. Unlike the input event, the change event does not necessarily fire on every alteration to an element's value.
• :empty: The :empty CSS pseudo-class matches elements without child elements.
• Focus events: Focus events, such as focus and blur, fire when an element gets or loses focus.
• <form>: The <form> element contains interactive controls for submitting information.
• Input events: The input event fires when a form control changes or an element with the contenteditable attribute changes.
• Input selectors: The :checked, :disabled, and :enabled CSS pseudo-classes match form elements based on their state.
• :lang(): The :lang() CSS functional pseudo-class matches elements based on their content language.
• :nth-child(): The :nth-child() and :nth-last-child() CSS functional pseudo-classes match elements based on their index within a list of elements. The :first-child and :last-child pseudo-classes match the first and last element in a list, and the :only-child pseudo-class matches an element with no siblings.
• :nth-of-type() pseudo-classes: The :nth-of-type() and :nth-last-of-type() CSS functional pseudo-classes match elements based on their position among siblings of the same type. The :first-of-type, :last-of-type, and :only-of-type` pseudo-classes match the first, last, and only elements of its type.
• <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
• <q>: The <q> element represents a short inline quotation.
• <script> and <noscript>: The <script> element contains or loads data or executable code. This is typically used to load JavaScript code. The <noscript> element represents alternative content to show when scripting is not allowed.
• <source>: The <source> element sets a media resource for the <picture>, <video>, and <audio> elements.
• SVG: The SVG image format, represented by the <svg> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.
• tabindex: The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation.
• :target: The :target CSS pseudo-class matches the element with an ID matching the URL fragment.
• Text stroke and fill (compatibility prefixes): The -webkit-text-stroke-width and -webkit-text-stroke-color CSS properties set the thickness and color of text outlines. The -webkit-text-fill-color sets the color within text character outlines. Both default to the text color.
• XSLT: The XSLTProcessor API transforms XML documents into new XML or HTML documents, using XSLT stylesheets. You can use XSLT to convert data between different XML schemas or to convert XML data into web pages or PDF documents. Also known as Extensible Stylesheet Language Transformations.