Which HTML tag will be the best for the red part in HTML case?
AFAIK the summary tag has another concept – it consists from the short text and details which could be hidden (collapsed). In the case of the article, basically it is nothing required to hide./
Basic HTML and ARIA do not express much of the semantics of scholarly publications.
But the W3C recommendation "Digital Publishing WAI-ARIA Module 1.0" includes a "doc-abstract" ARIA role that represents abstracts like the one in your example. There is also a proposal for using this and other standards in scholarly publications. Starting with conventional HTML as proposed by Ilan Edri and adding such specialized markup can improve discovery and interpretation of your content by users of current and future technologies.
[…] The contents of a complementary landmark would be expected to remain meaningful if it were to be separated from the main content it is relevant to.
3
Answers
You can use
<h>
tag for the "Abstract" word, and<p>
tag for the text.Basic HTML and ARIA do not express much of the semantics of scholarly publications.
But the W3C recommendation "Digital Publishing WAI-ARIA Module 1.0" includes a "doc-abstract" ARIA role that represents abstracts like the one in your example. There is also a proposal for using this and other standards in scholarly publications. Starting with conventional HTML as proposed by Ilan Edri and adding such specialized markup can improve discovery and interpretation of your content by users of current and future technologies.
Based on Jonathan’s interesting answer and some research, I’d would recommend
<aside>
and<meta name="description">
in the head.<aside>
has thecomplementary
ARIA role. Its definition saysThat compares very well to what Abstract on Wikipedia, states:
And finally,
<meta name="description">
will be used instead of the full paper on search engines or when sharing the page.ARIA Digital Publishing’s
doc-abstract
role naturally has the most appropriate definition.In the publishing standard, it’s a subclass of
section
, just ascomplementary
is.