{% set pageId = "elements" %} {% set pageClass = "" %} {% extends "demo/_extended.njk" %} {% block title %}Elements{% endblock %} {% block head %} {{ super() }} {% endblock %} {% block main %}
{% include "hippie/partials/_body_nav.njk" %}

Medienformat Abfragen

Umbruch bei 

Telefone und größer

Nur Telefone

Schreibtafeln hochkant

Schreibtafeln und größer

Schreibtafeln im Querformat

Schreibtafeln quer und größer

Nur Arbeitsplatzrechner

Arbeitsplatzrechner und größer

Richtige Monitore und größer

Übersicht aller Elemente

Es werden alle grundlegenden Elemente sowie ihre gestalteten Varianten angegeben. Die Elemente sind in Gruppen eingeteilt, die auch das W3Consortium (www.w3.org/TR/2017/REC-html52-20171214/index.html#contents) verwendet.

Zu jedem Element werden alle Attribute aufgelistet und die Umsetzung im HTML Dokument als Emmet Syntax dargestellt.

Bereiche

Elemente:

// body
// article
// section
// nav
// aside
// h1-h6
// header
// footer

<body>

Keine speziellen Attribute. Bekommt überlicherweise allgemeine Klassen zur Steuerung der Abmessungen zugewiesen.

<article>

Keine speziellen Attribute. Bekommt überlicherweise allgemeine Klassen zur Steuerung der Abmessungen zugewiesen.

<section>

Keine speziellen Attribute. Bekommt überlicherweise allgemeine Klassen zur Steuerung der Abmessungen zugewiesen.

Varianten

section.sec_main_center
section.sec_main_status

<h3>

<h4>

{% include "hippie/partials/_footer.njk" %} {% endblock %} {% block script %} {{ super() }} {% endblock %}