HTML <aside> Tag

  • Προηγούμενη σελίδα <article>
  • Επόμενη σελίδα <audio>

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

<aside> Το ετικέτα καθορίζει περιεχόμενο εκτός του περιεχομένου που βρίσκεται μέσα του.

Το περιεχόμενο του παράθεμα πρέπει να είναι εμμέσως σχετικό με το περιεχόμενο γύρω του.

Συμβουλή:<aside> Το περιεχόμενο συχνά τοποθετείται ως πλευρική στήλη στο έγγραφο.

Σημείωση:<aside> Το στοιχείο δεν εμφανίζεται με κανένα ειδικό στυλ στον περιηγητή. Αλλά, μπορείτε να ρυθμίσετε με CSS: <aside> Στυλ στοιχείου (βλέπε παρακάτω παράδειγμα).

Δείτε επίσης:

Εγχειρίδιο HTML DOM:Όντας παράθεμα

Παράδειγμα

Παράδειγμα 1

Εμφάνιση περιεχομένου εκτός του περιεχομένου που βρίσκεται μέσα του:

<p>Αυτή την καλοσύνη, είχα την ευκαιρία να επισκεφθώ το Θαλάσσιο Πάρκο Haichang Shanghai μαζί με την οικογένειά μου. Ο καιρός ήταν καλός, το θαλάσσιο πάρκο ήταν πολύ μαγικό! Είχαμε μια όμορφη καλοσύνη μαζί με την οικογένειά μου!</p>
<aside>
<h4>Πάρκο Θαλάσσης Χάινγκτσον της Σιανγκχάι</h4>
<p>Το Θαλάσσιο Πάρκο Haichang Shanghai είναι ένα θέμα πάρκο που βρίσκεται στην Νέα Περιοχή Pudong, γύρω από το χαρακτήρα της θαλάσσιας κουλτούρας, με συνολική επιφάνεια περίπου 29.7 εκτάρια και είναι επίσης κρατική περιοχή旅游景区 AAAA, </p>
</aside>

Δοκιμάστε το شخصικά

Παράδειγμα 2

Ρύθμιση στυλ του στοιχείου <aside> με CSS:

<ιστοσελίδα>
<κεφαλή>
<στυλ>
aside {
  πλάτος: 30%;
  απόσταση αριστερού περιθώριου: 15 χιλιοστά;
  μάκρος αριστερού περιθώριου: 15 χιλιοστά;
  πλεύση: δεξιά;
  στυλ γραφής: ελιγμονικό;
  χρώμα 배경: αχνόγκριλο;
}
</στυλ>
</κεφαλή>
<σώμα>
<h1>μέρος παράθεμα</h1>
<p>Αυτή την καλοσύνη, είχα την ευκαιρία να επισκεφθώ το Θαλάσσιο Πάρκο Haichang Shanghai μαζί με την οικογένειά μου. Ο καιρός ήταν καλός, το θαλάσσιο πάρκο ήταν πολύ μαγικό! Είχαμε μια όμορφη καλοσύνη μαζί με την οικογένειά μου!</p>
<aside>
<p>Το Θαλάσσιο Πάρκο Haichang Shanghai είναι ένα θέμα πάρκο που βρίσκεται στην Νέα Περιοχή Pudong, γύρω από το χαρακτήρα της θαλάσσιας κουλτούρας, με συνολική επιφάνεια περίπου 29.7 εκτάρια και είναι επίσης κρατική περιοχή旅游景区 AAAA, </p>
</aside>
<p>Αυτή την καλοσύνη, είχα την ευκαιρία να επισκεφθώ το Θαλάσσιο Πάρκο Haichang Shanghai μαζί με την οικογένειά μου. Ο καιρός ήταν καλός, το θαλάσσιο πάρκο ήταν πολύ μαγικό! Είχαμε μια όμορφη καλοσύνη μαζί με την οικογένειά μου!</p>
<p>Αυτή την καλοσύνη, είχα την ευκαιρία να επισκεφθώ το Θαλάσσιο Πάρκο Haichang Shanghai μαζί με την οικογένειά μου. Ο καιρός ήταν καλός, το θαλάσσιο πάρκο ήταν πολύ μαγικό! Είχαμε μια όμορφη καλοσύνη μαζί με την οικογένειά μου!</p>
</body>
</html>

Δοκιμάστε το شخصικά

Γлобάλες ατρύπες

<aside> Η ετικέτα υποστηρίζει επίσης Γлобάλες ατρύπες στο HTML.

Ατρύπες εκδηλώσεων

<aside> Η ετικέτα υποστηρίζει επίσης Ατρύπες εκδηλώσεων στο HTML.

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

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

aside {
  display: block;
}

Υποστήριξη περιηγητών

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • Προηγούμενη σελίδα <article>
  • Επόμενη σελίδα <audio>