Διαφορά μεταξύ στοιχείων μπλοκ και ενσωματωμένων στοιχείων

2024 Συγγραφέας: Alex Aldridge | [email protected]. Τελευταία τροποποίηση: 2023-12-17 13:36

Βασική διαφορά – Αποκλεισμός εναντίον Ενσωματωμένων Στοιχείων

Το HTML σημαίνει γλώσσα σήμανσης υπερκειμένου. Χρησιμοποιείται για τη δημιουργία ιστοσελίδων. Κάθε ιστοσελίδα συνδέεται με άλλες ιστοσελίδες χρησιμοποιώντας υπερσυνδέσμους. Αυτή η γλώσσα αποτελείται από ετικέτες. Μια ετικέτα περικλείεται μέσα σε γωνιακά στηρίγματα. Η σύνταξη είναι παρόμοια με. Οι περισσότερες ετικέτες έχουν επίσης μια ετικέτα κλεισίματος. Όταν είναι μια ετικέτα, η ετικέτα κλεισίματος είναι. Ορισμένες ετικέτες δεν έχουν ετικέτα κλεισίματος. Παραδείγματα τέτοιων ετικετών είναι

και

Είναι γνωστές ως άκυρες ετικέτες. Ένα στοιχείο HTML είναι ένα στοιχείο του εγγράφου HTML ή της ιστοσελίδας αφού αναλυθεί σε Μοντέλο Αντικειμένου Εγγράφου (DOM). Το DOM είναι μια εσωτερική αναπαράσταση στο πρόγραμμα περιήγησης ιστού. Αντιπροσωπεύει κάθε έγγραφο σε δομή δέντρου. Στο πρόγραμμα περιήγησης, τα εμφανιζόμενα στοιχεία μπορεί να είναι είτε στοιχείο μπλοκ είτε ενσωματωμένο στοιχείο. Τα στοιχεία μπλοκ έχουν ορθογώνια δομή. Τα ενσωματωμένα στοιχεία μπορούν να ενσωματωθούν σε στοιχεία μπλοκ. Η βασική διαφορά μεταξύ του μπλοκ και του ενσωματωμένου στοιχείου είναι ότι τα στοιχεία μπλοκ καταλαμβάνουν το πλήρες διαθέσιμο πλάτος ενώ τα ενσωματωμένα στοιχεία παίρνουν το απαιτούμενο πλάτος για να εμφανίσουν τα περιεχόμενα των στοιχείων.

Τι είναι τα στοιχεία μπλοκ;

Τα στοιχεία αποκλεισμού λαμβάνουν το διαθέσιμο πλήρες πλάτος. Αυτά τα στοιχεία ξεκινούν πάντα με μια νέα γραμμή. Μερικά παραδείγματα στοιχείων μπλοκ είναι τα εξής.

Τοχρησιμοποιείται για τον ορισμό μιας παραγράφου. π.χ.

Αυτή είναι μια παράγραφος

. Υπάρχουν έξι ετικέτες για να ορίσετε κεφαλίδες. Είναι

,

,

…

. Ο προγραμματιστής μπορεί να χρησιμοποιήσει την κεφαλίδα ανάλογα.

Η ταξινομημένη λίστα ορίζεται από

ενώ η μη ταξινομημένη λίστα ορίζεται από

. Χρησιμοποιείται για την εμφάνιση μιας οριζόντιας γραμμής κατά μήκος της ιστοσελίδας. Το

Το χρησιμοποιείται για την τακτοποίηση δεδομένων σε μορφή πίνακα. Για κάθε ιστότοπο, απαιτείται η συλλογή δεδομένων από τους επισκέπτες του ιστότοπου. Οι φόρμες HTML χρησιμοποιούνται για τη λήψη δεδομένων από τον χρήστη. Είναι επίσης ένα στοιχείο επιπέδου μπλοκ. Αυτά είναι μερικά παραδείγματα στοιχείων μπλοκ σε HTML.

Τι είναι τα Inline Elements;

Εσωτερικά στοιχεία έχουν μόνο το απαιτούμενο πλάτος. Αυτά τα στοιχεία δεν ξεκινούν με νέα γραμμή. Μερικά παραδείγματα ενσωματωμένων στοιχείων είναι τα ακόλουθα. χρησιμοποιείται για τη δημιουργία συνδέσμων από τη μια σελίδα στην άλλη. Οι υπερσύνδεσμοι είναι ένα από τα βασικά στοιχεία στην HTML. Μπορεί να περιέχει το χαρακτηριστικό href για τη δημιουργία ενός συνδέσμου προς τον προορισμό. π.χ. Επισκεφτείτε το Google. Το χαρακτηριστικό στόχος είναι κενό. Επομένως, το νέο έγγραφο θα ανοίξει σε νέο παράθυρο. Εάν το χαρακτηριστικό στόχος είναι "_self", τότε το συνδεδεμένο έγγραφο θα ανοίξει στο ίδιο παράθυρο.

Εικόνα 01: Παραδείγματα μπλοκ και ενσωματωμένων στοιχείων

Τοχρησιμοποιείται για την έντονη γραφή μιας ενότητας κειμένου. Η ετικέτα είναι να γράψετε το κείμενο με πλάγια γραφή. Μια ιστοσελίδα πρέπει να είναι εμφανίσιμη. Επομένως, οποιαδήποτε ιστοσελίδα αποτελείται από πολλές εικόνες. Το

Το χρησιμοποιείται για την εμφάνιση μιας εικόνας στη σελίδα. Αυτή η ετικέτα απαιτεί δύο χαρακτηριστικά. Είναι src και alt. Το 'src' περιγράφει τη θέση της εικόνας και το ' alt' περιγράφει το θέμα της εικόνας. π.χ.. Αυτά είναι μερικά παραδείγματα ενσωματωμένων στοιχείων.

Ποια είναι η ομοιότητα μεταξύ μπλοκ και ενσωματωμένων στοιχείων;

Τα στοιχεία μπλοκ και ενσωματωμένα χρησιμοποιούνται ως κοντέινερ σε HTML

Ποια είναι η διαφορά μεταξύ Block και Inline Elements;

Block εναντίον Inline Elements
Τα στοιχεία μπλοκ είναι τα στοιχεία που θα εκτείνονται σε όλο το πλάτος του γονικού στοιχείου και δεν θα επιτρέπουν σε κανένα άλλο στοιχείο να καταλαμβάνει τον ίδιο οριζόντιο χώρο με τον οποίο τοποθετείται.	Τα ενσωματωμένα στοιχεία είναι τα στοιχεία που δεν μπορούν να τοποθετηθούν απευθείας μέσα στο στοιχείο του σώματος και τα οποία είναι φωλιασμένα μέσα σε στοιχεία μπλοκ.
Νέα γραμμή
Τα στοιχεία αποκλεισμού ξεκινούν με μια νέα γραμμή.	Εσωτερικά στοιχεία δεν ξεκινούν με νέα γραμμή.
Απαιτούμενος χώρος
Τα στοιχεία μπλοκ έχουν όλο το πλάτος.	Τα ενσωματωμένα στοιχεία θα πάρουν μόνο το απαιτούμενο πλάτος.

Σύνοψη – Αποκλεισμός εναντίον Ενσωματωμένων Στοιχείων

Το HTML σημαίνει γλώσσα σήμανσης υπερκειμένου. Είναι μια γλώσσα που αποτελείται από ετικέτες. Κάθε ετικέτα έχει μια συγκεκριμένη εργασία και καθορίζει τον τρόπο δομής της ιστοσελίδας. Ορισμένες ετικέτες έχουν την ετικέτα έναρξης και την ετικέτα λήξης. Ορισμένες ετικέτες δεν έχουν ετικέτα τέλους. Ονομάζονται void tags. Η ανάλυση είναι η διαδικασία ανάλυσης σύνταξης. Μετά το βήμα ανάλυσης, αυτές οι ετικέτες γίνονται στοιχεία. Τα στοιχεία μπορεί να είναι στοιχεία σε επίπεδο μπλοκ ή ενσωματωμένα στοιχεία. Η διαφορά μεταξύ μπλοκ και ενσωματωμένων στοιχείων είναι ότι τα στοιχεία μπλοκ καταλαμβάνουν το πλήρες διαθέσιμο πλάτος ενώ τα ενσωματωμένα στοιχεία λαμβάνουν το απαιτούμενο πλάτος για να εμφανίσουν τα περιεχόμενα των στοιχείων.

Λήψη της έκδοσης PDF του Block vs Inline Elements

Μπορείτε να κατεβάσετε την έκδοση PDF αυτού του άρθρου και να τη χρησιμοποιήσετε για σκοπούς εκτός σύνδεσης σύμφωνα με τη σημείωση παραπομπής. Κατεβάστε την έκδοση PDF εδώ: Διαφορά μεταξύ στοιχείων μπλοκ και ενσωματωμένων στοιχείων