Data attribute

As explained in Tiny CSS Projects

A data attribute is a custom HTML attribute whose name begins with data- and whose value stores application-specific information.

How Tiny CSS Projects covers it

How deep it goes

Shows attribute syntax, CSS selection, attr(), alignment, and accessibility handling, but does not discuss JavaScript data-attribute APIs.

Examples

Demonstrates data-name on checkout-table cells and displays labels such as Item: before their contents.

What it assumes

Assumes basic HTML tables, CSS media queries, pseudo-elements, and responsive layout techniques.

What you can do after

Apply it via CSS selectors, pseudo-elements, and attr() to create labeled mobile table cells.

How it connects

Connects data attributes with responsive web design, CSS pseudo-elements, the attr() function, HTML tables, and accessibility.

liveBookmanning.com

Read Tiny CSS Projects on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  BDD in Action, Second EditionAn HTML data attribute is a custom data-* attribute for storing additional information on a standard HTML element.

Compare how 2 books explain data attribute →

Related concepts

• razor expressionused by · A Razor expression is an inline construct that evaluates an embedded C# expression and inserts its result into generated output.
• HTMLpart of · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
• Document Object Modelused by · The Document Object Model (DOM) is a standard programming interface that represents a document as a structured tree of objects and provides ways to access and modify its content and structure.
• placeholderalternative to · A placeholder is a temporary or symbolic stand-in for a value, content, component, or position that is supplied, replaced, or resolved later.
• attributecontrasts with · An attribute is a named property, value, or piece of information associated with an entity, object, or program element.

This explainer was generated by Manning's knowledge graph from the text of Tiny CSS Projects. The section links point to the parts of the book it draws on.