HTML <figcaption> 标籤

Ορισμός και χρήση

<figcaption> ονομασία ετικέτας <figure> Το στοιχείο ορίζει τον τίτλο.

<figcaption> Το στοιχείο μπορεί να τοποθετηθεί <figure> θέση του πρώτου ή τελευταίου υποστοιχείου του στοιχείου.

Επίσης δείτε:

Εγχειρίδιο HTML DOM:Οντότητα Figcaption

παράδειγμα

παράδειγμα 1

χρήση του στοιχείου <figure> για να σημειώσετε φωτογραφίες στο έγγραφο, χρήση του στοιχείου <figcaption> για να ορίσετε τον τίτλο της φωτογραφίας:

<figure>
  </body>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
<figcaption>Σχίμα 1 - Λίβανος, Λίβανος, πολυετές φυτά.</figcaption>

</html>

παράδειγμα 2

υπολογισμός ρυθμίσεων CSS για το <figure> και το <figcaption>:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>

</head>
<figure>
  </body>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
<figcaption>Σχίμα 1 - Λίβανος, Λίβανος, πολυετές φυτά.</figcaption>
</figure>
</body>

</html>

全局属性

<figcaption> Η ετικέτα υποστηρίζει επίσης Για να δοκιμάσετε προσωπικά.

ιδιότητες γεγονότων

<figcaption> Η ετικέτα υποστηρίζει επίσης Ιδιότητες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις ακόλουθες προεπιλεγμένες τιμές <figcaption> Στοιχείο:

figcaption {
  display: block;
}

Υποστήριξη προγράμματος περιήγησης

Ο αριθμός στην τάβλη περιγράφει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πρώτη φορά το στοιχείο.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0