Public
- Public
- Network
- Groups
- Featured
- Popular
- People

Screenshot of a heading "A new world around you", once without any eyebrow text above it, and then another time with "Augmented reality" used as small eyebrow text above the heading. The annotation reads "Without eyebrow headline, the keyword 'augmented reality' isn't scanned, whereas with eyebrow headline, the keyword is scanned."

Download link

Screenshot of a heading "A new world around you", once without any eyebrow text above it, and then another time with "Augmented reality" used as small eyebrow text above the heading. The annotation reads "Without eyebrow headline, the keyword 'augmented reality' isn't scanned, whereas with eyebrow headline, the keyword is scanned."
https://cdn.masto.host/frontendsocial/media_attachments/files/113/426/834/775/075/698/original/828bd6d3b8e112f3.png

Notices where this attachment appears

Embed this notice
Mayank (mayank@front-end.social)'s status on Tuesday, 05-Nov-2024 07:23:01 JST Mayank
in reply to

what's an eyebrow?
oh, you already know. even if you haven't heard that term before. it was a popular design trend for a minute.
i would probably mark this up as:
```
<hgroup role="group">
<p>Augmented reality</p>
<h1>A new world all around you</h1>
</hgroup>
```
depending on how important the eyebrow is vs the heading, i might consider flipping the DOM order and then reversing it with CSS.

In conversation about 20 days ago from gnusocial.jp permalink