This section illustrates implementations an usage of HTML meta elements and Client Side Scripting components.
The <head> is implemented by the Head class. The <head> contains information such as the page <title>, links to external resources, and other metadata (data that describes the document).
The following list describe HTML meta data components:
Key Tags Inside the Head - <head>
instance → <title> tag: Sets the name of the page shown in the browser tab and is crucial for SEO.instance → <meta> tag: Provides details like character encoding (usually UTF-8), page descriptions, and viewport settings for mobile responsiveness.
implementations → <link> tag: Connects the HTML to external resources, most commonly CSS stylesheets or favicons.implementations → <script> tag: Script implementations are used to embed or link to JavaScript files that add interactivity to the page.instance → <noscript> tag: Used if a script type on the page is unsupported or if scripting is currently turned off in the browser.[2]instance → <style> tag: Allows you to write CSS rules directly within the HTML document.instance → <base> tag: Specifies a default URL or target for all relative links on the page.Meta data can be described also in a PHP array or an YAML file. SPHPlayground is capable to transform this data to an HTML head component,
The <link> HTML element specifies relationships between the current document and an external resource. A <link> element can occur either in the <head> or <body> element, depending on whether it has a link type that is body-ok.[3]
The body-ok keywords are Rel::DnsPrefetch, modulepreload, pingback, preconnect, Rel::Prefetch, Rel::Preload, and stylesheet.
All HTML links implement LinkInterface interface. And as mentioned above the Rel defines the relationship between the current document and an external resource.
About Rel -relationships:
Performance & Loading (Resource Hints)
as PreloadAs attribute.SEO & Document Metadata
These help search engines like Google understand your site structure.
Asset & Visual Presentation
Security & Social
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
In order to work as intended, this site stores cookies on your device. Accepting improves our site and provides you with personalized service. Declining results in one cookie being placed on your device so we remember your choice.