htmlTips(11)
- HTML Data ListHTML
Using
<datalist>
element to implement HTML combobox functionality for input field suggestions. - Responsive HTML VideoHTML
Using the
orientation
media query in HTMLvideo
content for users devices orientation, enhancing usability and performance. - HTMLHTML
abbr
element &title
attributeUsing the
<abbr>
HTML element with thetitle
attribute to enhance accessibility and provide definitions. - Horizontal Rules in Select MenusHTML
Using
hr
to add horizontal rule elements intoselect
to break up content visually. - HTML HellHTML
A collection of bad practices in HTML, including details and tips on how to fix them.
- Jumping HTML tagsHTML
An example showcasing how a browser handles bad markup nesting.
- HTML Conditional Stylesheets LoadingHTML
Using
@media
for a conditional loading of CSS stylesheets based onviewport
size to ensure quick loading of high-priority content anddefer
low-priority content, optimizing performance and resource usage. - HTML SVG OverviewHTML
An interactive reference to the most popular/used parts of the
SVG
spec. - HTML Soft HyphenHTML
Using the
­
HTML entity to enable a long word to break at specified points with a hyphen-
when necessary. - HTML Tags Memory TestHTML
An interactive tool for testing your recall of HTML tags.
- HTML Interactive ElementsHTML
Using
<details>
and<summary>
Interactive HTML elements to reveal or hide content as needed.