＜figure＞＜figcaption＞筆記

介紹

<figure>標籤代表一段獨立的內容，<figure>中的內容雖然和附近的主內容 (main flow) 有關聯，但 <figure>區塊的排版是可以被隨意移動位置或整個區塊直接移除而不會影響上下文中主要內容的意思。

<figure>作為一個容器 (container)，常用來引用「文字段落」、「圖片」、「圖表」或「程式碼片段」等內容。

<figure>中有一個叫做<figcaption>的標籤，該標籤可以用來描述 figure 區塊的內容，有助於搜尋引擎了解區塊內容。

範例

figure裡面放圖片

<figure><img src="https://picsum.photos/200/200/?random=1"><figcaption>這是一張圖片</figcaption><img src="https://picsum.photos/200/200/?random=2"><figcaption>這也是一張圖片</figcaption></figure>

figure裡面放程式碼

<figure><figcaption>這是一段CSS程式碼</figcaption><pre><code>p { color: #000; font-size: 16px;} </code> </pre>
</figure>

＜figure＞＜figcaption＞筆記相关推荐

(筆記) 如何使用Visual C++ 6.0開發Win32 DLL? (C/C++) (VC++)
Abstract本文討論使用Visual Studio 6.0的Visaul C++開發Win32 DLL. Introduction 使用環境:Visual Studio 6.0, Visual C ...
【讀書筆記】人人都是产品经理
[讀書筆記]人人都是产品经理 SkySeraph Mar. 9th 2014 Email:skyseraph00@163.com ABOUT NOTE ======== By SkySeraph-2 ...
[Apache] Apache 從 2.2 換至 2.4 httpd.conf 的調整筆記 (windows 環境)
原文地址: http://www.dotblogs.com.tw/maplenote/archive/2012/07/20/apache24_httpd_conf.aspx 整理一下 Windows ...
小米kali linux蓝牙,小米筆記本在Kali Linux下所遇問題部分解決方案（持續更新中）...
0.本人不才,在小米筆記本安裝Kali Linux所遇到的問題用了兩天摸索才得以解決_(:3 」∠)_ ,kali被我裝了5次,win10的引導被我誤刪了兩次(*/ω＼*). 在摸索的過程中發現關於小 ...
Git-rebase 小筆記
https://blog.yorkxin.org/posts/2011/07/29/git-rebase/ 最近剛好有個機會整理很亂的 Git commit tree,終於搞懂了 rebase 的用法 ...
(筆記) 如何在字串中從指定字元抓到指定字元(pointer版)?
Abstract 這是一個實務上常用的功能,可惜在C語言的string.h並沒有提供,本文實作出一個小function達到此功能,並搭配pointer. Introduction 在(筆記) 如何在字 ...
golang 筆記：make 與 new 的差別
转载:https://medium.com/d-d-mag/golang-%E7%AD%86%E8%A8%98-make-%E8%88%87-new-%E7%9A%84%E5%B7%AE%E5%88% ...
(筆記) 如何在字串中從指定字元抓到指定字元(pointer版)? (C/C++) (C)
Abstract 這是一個實務上常用的功能,可惜在C語言的string.h並沒有提供,本文實作出一個小function達到此功能,並搭配pointer. Introduction 在(筆記) 如何在字 ...
C# 一些學習小筆記及技巧
學習及工作中積累了一些零零碎碎的小筆記及技巧(C#),重溫和匯總一下. 1. 類別轉換時,如果你未能確定數值有效,使用TryParse 比 Parse 要更安全, TryParse 不會引發異常. 2 ...

＜figure＞＜figcaption＞筆記

介紹

範例

＜figure＞＜figcaption＞筆記相关推荐

最新文章

热门文章

＜figure＞ ＜figcaption＞筆記

介紹

範例

＜figure＞ ＜figcaption＞筆記相关推荐

最新文章

热门文章

＜figure＞＜figcaption＞筆記

＜figure＞＜figcaption＞筆記相关推荐