html不常见的语义化标签

aside:导航

article:文章

hgroup, h1, h2的组合:hgroup 是标题组

abbr:表示缩写<abbr title="World Wide Web">WWW</abbr>.

hr 表示故事走向的转变或者话题的转变

blockquote, q, cite:blockquote 表示段落级引述内容,q 表示行内的引述内容,cite 表示引述的作品名

例如:
<cite>"What is the difference between the Web and the Internet?"</cite>. W3C Help and FAQ. W3C. 2009. Archived from the original on <time datetime="2015-07-09">9 July 2015</time>. Retrieved <time datetime="2015-07-16">16 July 2015</time>.

time:时间标签

figure, figcaption:figure 也是我们的一种标签(用于表示与主文章相关的图像、照片等流内容)


<figure>
 <img src="https://.....440px-NeXTcube_first_webserver.JPG"/>
 <figcaption>The NeXT Computer used by Tim Berners-Lee at CERN.</figcaption>
</figure> 

这种插入文章中的内容,不仅限图片,代码、表格等,只要是具有一定自包含性(类似独立句子)的内容,都可以用 figure。这里面,我们用 figcaption 表示内容的标题,当然,也可以没有标题。

dfn :dfn 标签是用来包裹被定义的名词

The terms Internet and World Wide Web are often used without much distinction. However, the two are not the same. 
The <dfn>Internet</dfn> is a global system of interconnected computer networks.
In contrast, the <dfn>World Wide Web</dfn> is a global collection of documents and other resources, linked by hyperlinks and URIs. 
pre, samp, code


<pre><samp>
GET /home.html HTTP/1.1
Host: www.example.org
</samp></pre>

pre 标签,表示这部分内容是预先排版过的,不需要浏览器进行排版。

samp 标签,计算机程序的示例输出

d007b73fd1f31816b07b284c13d4ef0c.jpeg

此文章为3月Day25学习笔记,内容来源于极客时间重学前端》,推荐该课程。 

猜你喜欢

转载自blog.csdn.net/qq_38526167/article/details/129757323