Introduction to HTML components

The Stringable interface

This interface denotes a class as having a Stringable::__toString() method. Unlike most interfaces, Stringable is implicitly present on any class that has the magic __toString() method defined, although it can and should be declared explicitly. ^[1]

All build-in HTML components implement at least Stringable interface. This ensures that the component can be outputted to an HTML document

The Tag is the begin

The Tag interface declares an HTML tag. It is implemented in the abstract class AbstractTag. This Abstract class is the base implementation for all predefined HTML tag components.

Note! Use only HTML attributes that are specified for the underlying HTML tag name returned from the method getTagName().

Void elements

Void HTML elements only have a start tag. Therefore a void element cannot have any child nodes (i.e., nested elements or text nodes).

The VoidTag class is the base for all void elements in the framework.

Examples of VoidTag components:

• The InputTag - implements HTML <input> element
• The Img - implements HTML <img> element
• The Br - implements HTML <br> element

Empty elements

The EmptyTag class is the base for all empty components in the framework. These components have a closing tag but do not have content.

Examples of EmptyTag components:

• The Iframe - implements HTML <iframe> element
• The Canvas - implements HTML <canvas> element
• The ExternalScript - implements HTML <script src> element

Container and ContainerComponent interfaces

• Container interface declares the properties for an HTML container. Such container can store anything that can be output as a PHP string.

The ContainerComponent declares the properties fot a HTML wrapper element (a tag pair) acting as a container for other elements. It has a implementation AbstractContainerTag in the framework.

Furthermore all actual framework components implement Component

HTML content creation

Classes in this namespace enables the creation of modern HTML documents in object oriented PHP.

• Main implements HTML <main> tag
  • Article implements HTML <article> tag
  • Section implements HTML <section> tag
  • Aside implements HTML <aside> tag
  • Footer implements HTML <footer> tag
  • P implements HTML <p> tag