Εάν ανοίξετε οποιαδήποτε ιστοσελίδα, θα περιέχει τυπικά στοιχεία που δεν αλλάζουν ανάλογα με τον τύπο και την εστίαση του ιστότοπου. Το Παράδειγμα 4.1 δείχνει τον κώδικα για ένα απλό έγγραφο που περιέχει βασικές ετικέτες.
Παράδειγμα 4.1. Πηγαίος κώδικας ιστοσελίδας
Παράδειγμα ιστοσελίδας
Επικεφαλίδα
Πρώτη παράγραφος.
Δεύτερη παράγραφος.
Αντιγράψτε τα περιεχόμενα αυτού του παραδείγματος και αποθηκεύστε το στο φάκελο c:\www\ ως example41.html. Μετά από αυτό, εκκινήστε το πρόγραμμα περιήγησης και ανοίξτε το αρχείο μέσω του στοιχείου μενού Αρχείο > Άνοιγμα αρχείου (Ctrl+O). Στο παράθυρο διαλόγου επιλογής εγγράφου, επιλέξτε το αρχείο example41.html. Η ιστοσελίδα που φαίνεται στην Εικ. 1 θα ανοίξει στο πρόγραμμα περιήγησης. 4.1.
Ρύζι. 4.1. Αποτέλεσμα εκτέλεσης του παραδείγματος
Στοιχείοπροορίζεται να υποδείξει τον τύπο του τρέχοντος εγγράφου - DTD (ορισμός τύπου εγγράφου, περιγραφή του τύπου εγγράφου). Αυτό είναι απαραίτητο για να κατανοήσει το πρόγραμμα περιήγησης πώς να ερμηνεύει την τρέχουσα ιστοσελίδα, επειδή η HTML υπάρχει σε πολλές εκδόσεις, επιπλέον, υπάρχει η XHTML (EXtensible HyperText Markup Language), η οποία είναι παρόμοια με την HTML, αλλά διαφέρει από αυτήν στη σύνταξη. Για να "μην μπερδευτεί" το πρόγραμμα περιήγησης και να καταλάβει σύμφωνα με ποιο πρότυπο να εμφανιστεί η ιστοσελίδα, είναι απαραίτητο να οριστεί στην πρώτη γραμμή κώδικα
.
Υπάρχουν διάφοροι τύποι, διαφέρουν ανάλογα με την έκδοση του HTML που στοχεύουν. Στον πίνακα 4.1. Δίνονται οι κύριοι τύποι εγγράφων με τις περιγραφές τους.
Τραπέζι 4.1. Έγκυρα DTD | DOCTYPE |
Περιγραφή |
|---|
| HTML 4.01
|
|
|
Αυστηρή σύνταξη HTML. |
|
|
Μεταβατική σύνταξη HTML. |
|
|
Ένα έγγραφο HTML χρησιμοποιεί πλαίσια. |
| HTML 5
|
|
|
Αυτή η έκδοση του HTML έχει μόνο ένα doctype. |
| XHTML 1.0
|
|
|
Αυστηρή σύνταξη XHTML. |
|
|
Μεταβατική σύνταξη XHTML. |
|
|
Το έγγραφο είναι γραμμένο σε XHTML και περιέχει πλαίσια. |
| XHTML 1.1
|
|
|
Οι προγραμματιστές της XHTML 1.1 αναμένουν ότι θα αντικαταστήσει σταδιακά την HTML. Όπως μπορείτε να δείτε, αυτός ο ορισμός δεν χωρίζεται σε τύπους, αφού η σύνταξη είναι ίδια και υπακούει σε σαφείς κανόνες. |
Η διαφορά μεταξύ μιας αυστηρής και μεταβατικής περιγραφής εγγράφου είναι μια διαφορετική προσέγγιση για τη σύνταξη κώδικα εγγράφου. Το αυστηρό HTML απαιτεί αυστηρή τήρηση των προδιαγραφών HTML και δεν συγχωρεί τα λάθη. Το μεταβατικό HTML είναι πιο χαλαρό σχετικά με ορισμένα ελαττώματα κώδικα, επομένως αυτός ο τύπος είναι προτιμότερος να χρησιμοποιείται σε ορισμένες περιπτώσεις.
Για παράδειγμα, σε αυστηρά HTML και XHTML απαιτείται η παρουσία της ετικέτας
, και σε μεταβατικό HTML μπορεί να παραλειφθεί και να μην καθοριστεί. Ταυτόχρονα, θυμόμαστε ότι το πρόγραμμα περιήγησης θα εμφανίζει το έγγραφο σε κάθε περίπτωση, ανεξάρτητα από το αν ταιριάζει με τη σύνταξη ή όχι. Αυτός ο έλεγχος πραγματοποιείται με χρήση ενός εργαλείου επικύρωσης και προορίζεται κυρίως για τους προγραμματιστές να παρακολουθούν σφάλματα στο έγγραφο.</p>
<p>Στο μέλλον θα χρησιμοποιούμε κυρίως αυστηρές<!DOCTYPE>, εκτός αν ορίζεται διαφορετικά. Αυτό θα μας επιτρέψει να αποφύγουμε κοινά λάθη και θα μας μάθει να γράφουμε συντακτικά σωστό κώδικα.</p>
<p>Μπορείτε συχνά να βρείτε κώδικα HTML χωρίς να χρησιμοποιήσετε κανέναν<!DOCTYPE>, η ιστοσελίδα θα εξακολουθεί να εμφανίζεται σε αυτήν την περίπτωση. Ωστόσο, μπορεί να συμβεί το ίδιο έγγραφο να εμφανίζεται διαφορετικά στο πρόγραμμα περιήγησης όταν χρησιμοποιείτε<!DOCTYPE>και χωρίς αυτό. Επιπλέον, τα προγράμματα περιήγησης μπορούν να εμφανίζουν τέτοια έγγραφα με τον δικό τους τρόπο, με αποτέλεσμα η σελίδα να "θρυμματίζεται", δηλ. θα εμφανίζεται εντελώς διαφορετικά από αυτό που απαιτεί ο προγραμματιστής. Για να αποφύγετε τέτοιες καταστάσεις, πάντα προσθέτετε<!DOCTYPE>στην αρχή του εγγράφου.</p><p>Ετικέτα <html>ορίζει την αρχή του αρχείου HTML, η κεφαλίδα αποθηκεύεται μέσα σε αυτό ( <head>) και σώμα εγγράφου ( <body>
).</p><p>Τίτλος εγγράφου, που ονομάζεται επίσης μπλοκ <head>, μπορεί να περιέχει κείμενο και ετικέτες, αλλά το περιεχόμενο αυτής της ενότητας δεν εμφανίζεται απευθείας στη σελίδα, εκτός από το κοντέινερ <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>Ετικέτα <meta>είναι καθολική και προσθέτει μια ολόκληρη κατηγορία δυνατοτήτων, συγκεκριμένα, με τη βοήθεια μετα-ετικέτες, όπως ονομάζεται γενικά αυτή η ετικέτα, μπορείτε να αλλάξετε την κωδικοποίηση της σελίδας, να προσθέσετε λέξεις-κλειδιά, περιγραφή εγγράφου και πολλά άλλα. Για να καταλάβει το πρόγραμμα περιήγησης ότι έχει να κάνει με κωδικοποίηση UTF-8 (μορφή μετασχηματισμού Unicode), και αυτή η γραμμή προστίθεται.</p><p>
<title>Παράδειγμα ιστοσελίδας
Ετικέτα
καθορίζει τον τίτλο μιας ιστοσελίδας αυτό είναι ένα από τα σημαντικά στοιχεία που έχουν σχεδιαστεί για την επίλυση πολλών προβλημάτων. Στο λειτουργικό σύστημα Windows, το κείμενο του τίτλου εμφανίζεται στην επάνω αριστερή γωνία του παραθύρου του προγράμματος περιήγησης (Εικόνα 4.2).</p>
<p><img src='https://i2.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p>
<p>Ρύζι. 4.2. Προβολή κεφαλίδας στο πρόγραμμα περιήγησης</p>
<p>Ετικέτα <title>είναι υποχρεωτικό και πρέπει οπωσδήποτε να υπάρχει στον κωδικό του εγγράφου.</p><p>Πρέπει να προσθέσετε μια ετικέτα κλεισίματος</head>για να υποδείξετε ότι το μπλοκ τίτλου εγγράφου έχει ολοκληρωθεί.</p><p>Σώμα εγγράφου <body>προορίζεται για την τοποθέτηση ετικετών και περιεχομένου μιας ιστοσελίδας.</p><p>
<h1>Επικεφαλίδα</h1>
</p><p>Η HTML προσφέρει έξι επικεφαλίδες κειμένου διαφορετικών επιπέδων που υποδεικνύουν τη σχετική σημασία της ενότητας που ακολουθεί την επικεφαλίδα. Ναι, tag <h1>αντιπροσωπεύει την πιο σημαντική επικεφαλίδα πρώτου επιπέδου και την ετικέτα <h6>χρησιμεύει για να υποδείξει την επικεφαλίδα έκτου επιπέδου και είναι η λιγότερο σημαντική. Από προεπιλογή, η επικεφαλίδα πρώτου επιπέδου εμφανίζεται με τη μεγαλύτερη έντονη γραμματοσειρά και οι επόμενες επικεφαλίδες επιπέδου έχουν μικρότερο μέγεθος. Ετικέτες <h1>...<h6>Ανατρέξτε στα στοιχεία μπλοκ, ξεκινούν πάντα από μια νέα γραμμή και μετά από αυτά, άλλα στοιχεία εμφανίζονται στην επόμενη γραμμή. Επιπλέον, προστίθεται λευκό διάστημα πριν και μετά τον τίτλο.</p><p>
<!-- Комментарий -->
</p><p>Κάποιο κείμενο μπορεί να μην εμφανίζεται στο πρόγραμμα περιήγησης κάνοντας το σχόλιο. Παρόλο που αυτό το κείμενο δεν θα είναι ορατό από τον χρήστη, θα εξακολουθήσει να μεταδίδεται στο έγγραφο, επομένως αν κοιτάξετε τον πηγαίο κώδικα, μπορείτε να ανακαλύψετε κρυφές σημειώσεις.</p>
<p>Κάθε χρήστης του Διαδικτύου έχει τους δικούς του αγαπημένους ιστότοπους στους οποίους αφιερώνει πολύ χρόνο. Και μόνο οι τεμπέληδες δεν σκέφτηκαν να κοιτάξουν πώς δημιουργήθηκε και από τι αποτελείται. Είναι αδύνατο να απαντηθούν όλα αυτά τα ερωτήματα, αφού υπάρχουν πολλοί τρόποι για να δημιουργήσεις έναν ιστότοπο, αλλά να δεις τις εντολές και τους κωδικούς που τον συνθέτουν είναι δυνατό και δημοσίως διαθέσιμο σε όλους.</p><p>Ένα άλλο ερώτημα είναι εάν ένα άτομο που δεν ασχολείται με τον προγραμματισμό θα καταλάβει κάποιο από τα σύμβολα που συνθέτουν τον κώδικα. Ωστόσο, από τα παραδείγματα που θα δοθούν παρακάτω, οποιοσδήποτε χρήστης του Google Chrome θα μπορεί να δει μεμονωμένα στοιχεία ιστότοπων.</p><h2><span>Πώς να προβάλετε τον πηγαίο κώδικα μιας σελίδας html σε ένα πρόγραμμα περιήγησης Google</span></h2><i>
</i><p>Για να μπορείτε να δείτε τον κώδικα της σελίδας στο Chrome, πρέπει να μεταβείτε στον ιστότοπο που σας ενδιαφέρει και να εκτελέσετε τα ακόλουθα βήματα:</p><br><img src='https://i2.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome1.jpg' align="center" width="100%" loading=lazy loading=lazy><p>Αυτά τα δύο στοιχεία διαφέρουν ως προς τη λειτουργικότητά τους και τις πληροφορίες για τον χρήστη, τον προγραμματιστή ή τον χάκερ. <br><img src='https://i0.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome2.jpg' align="center" width="100%" loading=lazy loading=lazy></p><h2><span>Ποια είναι η διαφορά μεταξύ του κώδικα σελίδας και της εντολής "Προβολή κώδικα";</span></h2><p>Αναλύοντας καθεμία από αυτές τις λειτουργίες, μπορείτε να γράψετε ένα ξεχωριστό άρθρο. Για τους προγραμματιστές, αυτή η διαφορά είναι σημαντική και κατανοούν σε ποιες περιπτώσεις είναι απαραίτητο να χρησιμοποιηθεί η "Προβολή κώδικα" και σε ποια η "Προβολή κώδικα σελίδας" στο πρόγραμμα περιήγησης Google Chrome.</p><p>Αλλά εξηγώντας για τον μέσο χρήστη, αυτές οι λειτουργίες μπορούν να χωριστούν στους ακόλουθους σκοπούς:</p><ol><li>Η "Προβολή κώδικα σελίδας" είναι απαραίτητη μόνο για να δείτε τον κύριο συνδυασμό της σελίδας. Βασικά, αυτή είναι η δομή του ιστότοπου (χωρίς πρόσθετα μοντέλα με τη μορφή αρχείων CSS και άλλες προσθήκες που παραμένουν στο φάκελο του δημιουργού του ιστότοπου). Αυτή η δομή δεν είναι κατάλληλη για τη δημιουργία της δικής σας σελίδας με "αντιγραφή-επικόλληση", αλλά θα σας επιτρέψει να δείτε τι ακριβώς έκανε ο προγραμματιστής και με ποια σειρά για να διασφαλίσετε ότι ο ιστότοπος στο πρόγραμμα περιήγησης Google Chrome είχε μια τέτοια εξωτερική σχεδίαση.</li>
<li>Η "Προβολή κώδικα" εμφανίζει μια λεπτομερή δομή, επισημαίνοντας όλες τις περιοχές που επηρεάζονται στη σελίδα. Εάν τοποθετήσετε το δείκτη του ποντικιού πάνω από έναν συγκεκριμένο κωδικό λίστας, θα τονίσει το στοιχείο στον ιστότοπο στον οποίο ανήκει.</li>
<li>Η προβολή του κώδικα της σελίδας ανοίγει σε ξεχωριστό πρόγραμμα περιήγησης χωρίς τη δυνατότητα επεξεργασίας του. Δηλαδή, είναι κατάλληλο μόνο για αντιγραφή και ανάγνωση κώδικα ιστότοπου. Αλλά αυτή δεν είναι λιγότερο χρήσιμη λειτουργία.</li>
<li>Η "Προβολή κώδικα" είναι μεταβλητή και μπορείτε να επεξεργαστείτε οποιοδήποτε στοιχείο με τρόπο που σας βολεύει. Φυσικά, όλες αυτές οι αλλαγές θα "ζωντανεύουν" μέχρι να ανανεωθεί η σελίδα, αλλά μερικές φορές είναι διασκεδαστικό να περάσετε από αυτές τις ρυθμίσεις και απλώς να καταλάβετε γιατί χρειάζεται αυτή ή αυτή η τιμή και τι θα συμβεί αν την αλλάξετε. Δεν πρέπει να υποθέσετε ότι με τέτοιες ενέργειες θα βλάψετε τον εαυτό σας ή τον ιστότοπο - αυτές οι αλλαγές επηρεάζουν μόνο τον κώδικα του Google Chrome σας και δεν συνδέονται στο διαδίκτυο.</li>
</ol><h2><span>Εξετάζουμε το ζήτημα του τρόπου προβολής του κωδικού στοιχείου</span></h2><p>Αν απαντούσαμε σε μια τέτοια ερώτηση, τότε η μόνη επιλογή που προτείνεται είναι ένα παράδειγμα. Γιατί σε ένα άρθρο είναι πολύ δύσκολο να γίνεις άνθρωπος που καταλαβαίνει αυτό το θέμα (web developer), αλλά το να δείξεις με ένα παράδειγμα ώστε να διευθετηθεί η ερώτηση είναι πολύ πιο εύκολο.</p> <p>Η λειτουργικότητα του κωδικού στοιχείου είναι πολύ ευρεία, επομένως παίρνουμε μία από τις λέξεις στον ιστότοπο του προγράμματος περιήγησης Google Chrome. Θέλαμε να εξετάσουμε ποιες λέξεις-κλειδιά (στον κώδικα που θα γράφεται ως "λέξεις-κλειδιά") χρησιμοποιήθηκαν για τον ιστότοπό μας. Για να γίνει αυτό, εκτελούμε τον ακόλουθο αλγόριθμο:</p><h2><span>Άλλοι τρόποι χρήσης αυτής της δυνατότητας στο πρόγραμμα περιήγησης Google Chrome</span></h2><p>Σε γενικές γραμμές, συνεχίζοντας να απαντάτε στην ερώτηση πώς να δείτε τον κώδικα ενός στοιχείου και γιατί χρειάζεται, θα πρέπει να αναφέρετε τις λειτουργίες του. Συγκεκριμένα, χάρη στη δυνατότητα προβολής του κώδικα ενός στοιχείου οποιουδήποτε ιστότοπου στο πρόγραμμα περιήγησης Google Chrome, μπορούμε:</p><ul><li>Δείτε τη δομή του ιστότοπου ξεκινώντας από το head ("επικεφαλίδα ιστότοπου") και τελειώνοντας με το τέλος (η τελική εντολή οποιουδήποτε προγράμματος).</li>
<li>Δείτε όλες τις λειτουργίες του ιστότοπου, συγκεκριμένα: συνδέσμους προς άλλους ιστότοπους, πρόσθετες ενότητες από εξωτερικούς ιστότοπους και την παρουσία ενσωματωμένων μετρητών για τη συλλογή διαφόρων πληροφοριών.</li>
<li>Μάθετε εάν η αντιγραφή από τον ιστότοπο απαγορεύεται ή όχι.</li>
<li>Ο κώδικας θα καταγράφει όλους τους συνδέσμους προς άλλες σελίδες του ιστότοπου, καθώς και τη σχεδίασή τους και τις επόμενες ενέργειες αφού κάνετε κλικ σε αυτές.</li>
</ul><blockquote><p>Αυτό δεν είναι σε καμία περίπτωση μια πεπερασμένη λίστα. Αλλά πρέπει να υπενθυμίσουμε ότι χωρίς ειδικές γνώσεις, είναι σχεδόν αδύνατο να "διαβαστεί" ο κώδικας μιας σελίδας Google Chrome και τα δεδομένα που λαμβάνονται πρακτικά δεν χρειάζονται από έναν συνηθισμένο χρήστη.</p>
</blockquote><h2><span>Το στοιχείο "Προβολή κωδικού στοιχείου" δεν λειτουργεί</span></h2><p>Θα πρέπει να πούμε αμέσως ότι κάθε ιστότοπος θα έχει ανοιχτή πρόσβαση σε κωδικούς στοιχείων. Δηλαδή, ακόμη και οι πιο δημοφιλείς και ακριβοί ιστότοποι θα είναι ανοιχτοί στην προβολή του κώδικα τους. Επομένως, εάν το στοιχείο στο πρόγραμμα περιήγησης Google Chrome δεν είναι ενεργό ή δημιουργεί σφάλμα, έχει τους ακόλουθους πιθανούς λόγους:</p><ul><li>Το προφίλ χρήστη είναι κατεστραμμένο.</li>
<li>Η παρουσία κακόβουλου λογισμικού στον υπολογιστή.</li>
<li>Αποκλεισμός από μια συγκεκριμένη επέκταση για αύξηση της απόδοσης (ακόμα και αυτό μπορεί να συμβεί).</li>
</ul><h2><span>Διόρθωση κατεστραμμένου προφίλ χρήστη</span></h2><p>Για να δημιουργήσετε ένα νέο προφίλ, πρέπει να διαγράψετε το παλιό από τον υπολογιστή σας. Για να το κάνουμε αυτό κάνουμε τα εξής:</p><ol><li>Κλείστε το Google Chrome και εκκινήστε το ενσωματωμένο πρόγραμμα περιήγησης Windows Explorer.</li>
<li>Εισαγάγετε την ακόλουθη εντολή στη γραμμή διευθύνσεων: %LOCALAPPDATA%\Google\Chrome\User Data\.</li>
<li>Όταν ανοίξει ο κατάλογος, αναζητήστε τον φάκελο "Προεπιλογή" και προσθέστε το "Backup" στο όνομά του έτσι ώστε να μοιάζει με αυτό: "Backup Default".</li>
<li>Τώρα, μετά την επανεκκίνηση του προγράμματος περιήγησης Chrome, θα δημιουργηθεί ένα νέο προφίλ.</li>
</ol><h2><span>Καταργούμε κακόβουλο λογισμικό ή τα υπολείμματά του</span></h2><p>Εάν το νέο προφίλ δεν μας δίνει πρόσβαση στον κωδικό στοιχείου σελίδας και εξακολουθούμε να βλέπουμε το σφάλμα, θα πρέπει να κάνουμε τα εξής:</p><ol><li>Ανοίξτε τη γραμμή εντολών των Windows ("Run") και πληκτρολογήστε την εντολή "cmd" εκεί.</li>
<li>Εισαγάγετε την ακόλουθη εντολή στη γραμμή: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".</li>
<li>Αφού επιβεβαιώσετε την ενέργεια, πληκτρολογήστε αυτό: RD /S /Q "%WinDir%\System32\GroupPolicy".</li>
<li>Τώρα "gpupdate /force" (χωρίς εισαγωγικά).</li>
</ol><p>Εάν όλα έγιναν σωστά, τότε μετά την επανεκκίνηση του υπολογιστή το Google Chrome θα ανοίξει τον κωδικό των στοιχείων και το πρόγραμμα περιήγησης θα λειτουργεί κανονικά.</p><p><span class="vrPtdr-yGzE"></span></p>
<p>Για πολύ καιρό, η επιλογή "εμφάνιση πηγής σελίδας" ήταν άχρηστη και χωρίς ενδιαφέρον για μένα. Μέχρι στιγμής, η εκμάθηση HTML στο Codecademy και ο σχεδιασμός των δικών μου ιστοσελίδων δεν έχει εξελιχθεί στο νέο μου χόμπι. Εδώ προέκυψε το ερώτημα: πού να βρείτε πραγματικές υποθέσεις και να δανειστείτε ενδιαφέρουσες λύσεις για τον «κουμπαρά» σας; Η απάντηση ήταν απροσδόκητα απλή, όπως όλα τα έξυπνα πράγματα: κοιτάξτε τον πηγαίο κώδικα της σελίδας στο Google Chrome! Μοιράζομαι μαζί σας τα σεμνά ευρήματά μου.</p>
<h2>Τι είναι ο πηγαίος κώδικας της σελίδας</h2>
<p>Εάν εσείς, όπως εγώ, μόλις κάνετε τα πρώτα σας βήματα στον προγραμματισμό HTML, θα ήταν καλή ιδέα να μάθετε ποιος είναι ο πηγαίος κώδικας μιας σελίδας.</p>
<p>Ο πηγαίος κώδικας, γνωστός και ως κώδικας σελίδας HTML, είναι κείμενο σε γλώσσα σήμανσης υπερκειμένου (HTML). Περιλαμβάνει το πραγματικό περιεχόμενο της σελίδας (κείμενο, πίνακες) και ετικέτες. Οι τελευταίες λειτουργούν ως οδηγίες για το πρόγραμμα περιήγησης: πώς να εμφανίσετε περιεχόμενο, τι τύπο μορφοποίησης να χρησιμοποιήσετε, πού να εισαγάγετε έναν υπερσύνδεσμο ή ένα αρχείο πολυμέσων. Λοιπόν, για εμάς, τους αρχάριους προγραμματιστές, ο πηγαίος κώδικας είναι το καλύτερο έδαφος εκπαίδευσης: βρίσκουμε έναν ενδιαφέρον ιστότοπο και τον κατασκοπεύουμε, τον αποθηκεύουμε και χρησιμοποιούμε επιτυχημένα κομμάτια. Πως;</p>
<h2>Πώς να προβάλετε τον πηγαίο κώδικα στη σελίδα του προγράμματος περιήγησης Google Chrome</h2>
<p>Βρείτε τη σελίδα που σας αρέσει. Για παράδειγμα, με ενδιέφερε ο σχεδιασμός του μενού του ιστότοπου. Υπάρχουν τρεις τρόποι για να ανοίξετε τον πηγαίο κώδικα στο πρόγραμμα περιήγησης Google Chrome:</p>
<ol><li>Κάντε κλικ στο εικονίδιο <b>μενού</b>στην επάνω δεξιά γωνία του προγράμματος περιήγησης και επιλέξτε "Περισσότερα εργαλεία". Μεταξύ άλλων, υπάρχει η επιλογή «Προβολή πηγαίου κώδικα». Ειλικρινά, σπάνια χρησιμοποιώ αυτή τη μέθοδο: υπάρχουν πολλές περιττές κινήσεις. Μπορεί να γίνει ακόμα πιο απλό.</li>
<li>Πατήστε το συνδυασμό πλήκτρων <b>Ctrl+U</b>– ανοίγει ένα νέο παράθυρο με τον πηγαίο κώδικα.</li>
<li>Για τους λάτρεις του μενού περιβάλλοντος: κάντε δεξί κλικ στη σελίδα και επιλέξτε την επιλογή "Προβολή κώδικα σελίδας".</li>
</ol><p>Αντιμετωπίσαμε το έργο της προβολής του κώδικα HTML της σελίδας στο πρόγραμμα περιήγησης. Ας περάσουμε στο πιο ενδιαφέρον στάδιο.</p>
<h2>Πώς να επεξεργαστείτε και να αποθηκεύσετε τον πηγαίο κώδικα</h2>
<p>Για να μάθετε πώς να δημιουργείτε ιστότοπους, δεν αρκεί να διαβάσετε τον κώδικα HTML κάποιου άλλου. Πρέπει να παίξετε με αυτό, να πειραματιστείτε, να κάνετε αλλαγές και να ελέγξετε το αποτέλεσμα. Μπορείτε ακόμη να ξεκινήσετε συγκεντρώνοντας μερικά επιτυχημένα δείγματα. Πώς να επεξεργαστείτε και να αποθηκεύσετε τον πηγαίο κώδικα;</p>
<p>Επιλογή 1. "Χειροκίνητα"</p>
<p>Αφού ανοίξουμε τον πηγαίο κώδικα της σελίδας, καλέστε το μενού περιβάλλοντος και επιλέξτε "Αποθήκευση ως" και αποθηκεύστε το αρχείο στον σκληρό σας δίσκο. Επεξεργαζόμαστε το αρχείο στο Σημειωματάριο ή στο Σημειωματάριο, αποθηκεύουμε τις αλλαγές και το ανοίγουμε μέσω του προγράμματος περιήγησης. Τα αποτελέσματα των αλλαγών μας (επιτυχείς και όχι τόσο επιτυχημένες) θα αντικατοπτρίζονται στο παράθυρο του προγράμματος περιήγησης.</p><p>Επιλογή 2. Για τους επαγγελματίες</p>
<p>Όταν «παίζεις» με τον πηγαίο κώδικα κάθε μέρα, η διαδικασία «αποθήκευση - άνοιγμα - αλλαγή - αποθήκευση - έλεγχος» γίνεται κουραστική. Για τον εαυτό μου, βρήκα μια λύση με τη μορφή εγκατάστασης μιας προσθήκης για το Google Chrome - Firebug Lite. Σας επιτρέπει να επεξεργαστείτε και να αποθηκεύσετε τον πηγαίο κώδικα χωρίς να φύγετε από το παράθυρο του προγράμματος περιήγησης.</p>
<p>" Το ίδιο στοιχείο βρίσκεται επίσης στο μενού περιβάλλοντος, στο οποίο, αν κάνετε δεξί κλικ στο κείμενο <b>σελίδες</b>. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου CTRL + U. Το Mozilla FireFox δεν χρησιμοποιεί εξωτερικά προγράμματα - πρωτότυπο <b>κώδικας</b> <b>σελίδες</b>με επισήμανση σύνταξης θα ανοίξει σε ξεχωριστό παράθυρο του προγράμματος περιήγησης.</p> <p>Στον Internet Explorer, κάντε κλικ στο μενού Αρχείο και επιλέξτε Επεξεργασία στο Σημειωματάριο. Αντί για το όνομα Σημειωματάριο, μπορεί να γραφτεί ένα άλλο όνομα, το έχετε αντιστοιχίσει στις ρυθμίσεις του προγράμματος περιήγησης για να δείτε το πρωτότυπο <b>κώδικας</b>ΕΝΑ. Στο κλικ <b>σελίδες</b>με το δεξί κουμπί του ποντικιού, εμφανίζεται ένα μενού περιβάλλοντος, το οποίο έχει επίσης ένα στοιχείο που σας επιτρέπει να ανοίξετε την πηγή <b>κώδικας</b> <b>σελίδες</b>σε ένα εξωτερικό πρόγραμμα - "Προβολή HTML- <b>κώδικας</b>ΕΝΑ".</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>Στο πρόγραμμα περιήγησης Opera, ανοίξτε το μενού, μεταβείτε στην ενότητα "Σελίδα" και θα έχετε την ευκαιρία να επιλέξετε "Πηγή" στην υποενότητα "Εργαλεία ανάπτυξης". <b>κώδικας</b>"ή το στοιχείο "Πρωτότυπο <b>κώδικας</b>πλαίσιο." Σε αυτές τις επιλογές εκχωρούνται τα πλήκτρα πρόσβασης CTRL + U και CTRL + SHIFT + U, αντίστοιχα. Σε ένα μενού περιβάλλοντος που συνδέεται με ένα κλικ <b>σελίδες</b>κάντε δεξί κλικ, υπάρχει επίσης ένα στοιχείο "Αρχικό <b>κώδικας</b>" Πηγή Opera <b>σελίδες</b>σε ένα εξωτερικό πρόγραμμα που έχει εκχωρηθεί στο λειτουργικό σύστημα ή στις ρυθμίσεις του προγράμματος περιήγησης για την επεξεργασία αρχείων HTML.</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p>Το πρόγραμμα περιήγησης Google Chrome έχει αναμφίβολα την καλύτερη οργάνωση για την προβολή του πρωτοτύπου <b>κώδικας</b>ΕΝΑ. Κάνοντας δεξί κλικ με το ποντίκι σας, μπορείτε να επιλέξετε Προβολή <b>κώδικας</b>ΕΝΑ <b>σελίδες</b>"και στη συνέχεια ο πηγαίος κώδικας με επισήμανση σύνταξης θα ανοίξει σε ξεχωριστή καρτέλα. Ή μπορείτε να επιλέξετε τη γραμμή "Προβολή" στο ίδιο μενού <b>κώδικας</b>στοιχείο» και στην ίδια καρτέλα θα ανοίξουν δύο επιπλέον πλαίσια στα οποία μπορείτε να επιθεωρήσετε HTML και CSS <b>κώδικας</b>στοιχείο <b>σελίδες</b>. Το πρόγραμμα περιήγησης θα ανταποκριθεί στον κέρσορα που κινείται στις γραμμές <b>κώδικας</b>και, επισήμανση στοιχείων στη σελίδα που αντιστοιχούν σε αυτήν την ενότητα του HTML <b>κώδικας</b>ΕΝΑ.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p>
<p>Πρέπει να δείτε γρήγορα όλες τις αλλαγές στον ίδιο τον ιστότοπο, χωρίς να επηρεάζετε τα αρχεία και τον κώδικα του ιστότοπου που δημοσιεύονται στο Διαδίκτυο. Για παράδειγμα, αλλάξτε το συνδυασμό χρωμάτων ενός μπλοκ, μετακινήστε ένα στοιχείο που έχει μετακινηθεί κ.λπ.</p>
<p>Για να γίνει αυτό, πολλοί webmasters χρησιμοποιούν τοπικούς διακομιστές Denwer ή OpenServer, εκτελώντας ένα πλήρες αντίγραφο του ιστότοπου στον υπολογιστή τους. Αυτή η μέθοδος είναι καθολική και κατάλληλη για επαγγελματίες, μπορεί να χρησιμοποιηθεί για να δοκιμάσει τη λειτουργία διαφόρων σεναρίων και προσθηκών, να πειραματιστεί με αλλαγές σχεδίασης και να επεξεργαστεί όλα τα αρχεία του ιστότοπου και μετά τη δοκιμή, να μεταφέρει τις κατάλληλες αλλαγές απευθείας στον ιστότοπο.</p>
<p>Για χρήστες που απέχουν πολύ από την τέχνη του webmaster, προτείνω να χρησιμοποιήσετε ένα πρόγραμμα περιήγησης για αυτούς τους σκοπούς. Εφόσον χρησιμοποιώ το Chrome, θα δώσω οδηγίες με στιγμιότυπα οθόνης για το συγκεκριμένο πρόγραμμα περιήγησης. Κατ' αναλογία, μπορείτε να εργαστείτε με Opera, Yandex.Browser, Mozilla Firefox και άλλα προγράμματα περιήγησης, η αρχή των εργαλείων τους είναι παρόμοια.</p>
<h2>Οδηγία 1: πώς να προβάλετε ολόκληρο τον κώδικα HTML ενός ιστότοπου σε ένα πρόγραμμα περιήγησης</h2>
<p>Ανοίξτε την απαιτούμενη ιστοσελίδα του ιστότοπού σας. Κάντε δεξί κλικ στο απαιτούμενο στοιχείο, θα εμφανιστεί ένα αναπτυσσόμενο μενού με βάση τα συμφραζόμενα του προγράμματος περιήγησης με διαθέσιμες εντολές:</p>
<p>Εικόνα 1. Προβολή ολόκληρου του κώδικα HTML μιας ιστοσελίδας στο πρόγραμμα περιήγησης Chrome</p>
<p><b>Σπουδαίος:</b>Οι εντολές στο αναπτυσσόμενο μενού ενδέχεται να διαφέρουν, για παράδειγμα, για ενεργά στοιχεία (σύνδεσμοι, εικόνες, βίντεο) και ανενεργά (κείμενο, φόντο, divs):</p>
<p><img src='https://i1.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5-%D0%BC%D0%B5%D0%BD%D1%8E-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B0-Chrome.jpg' width="100%" loading=lazy loading=lazy></p><p>Εικόνα 2. Αναπτυσσόμενο μενού προγράμματος περιήγησης Chrome</p>
<p>Επομένως, εάν δεν βρείτε την εντολή που χρειάζεστε, απλώς κάντε δεξί κλικ κάπου αλλού ή χρησιμοποιήστε τα πλήκτρα πρόσβασης του προγράμματος περιήγησής σας.</p>
<p>Ας επιστρέψουμε στο σχήμα 1, δείχνει την απαραίτητη εντολή για την προβολή όλου του κώδικα HTML της ιστοσελίδας προέλευσης, ονομάζεται " <b>Προβολή κώδικα σελίδας</b>". Κάντε κλικ στην εντολή, θα ανοίξει μια νέα καρτέλα με τον πλήρη κώδικα της ιστοσελίδας προέλευσης, ένα μεγάλο πλεονέκτημα σε όλα - η προβολή είναι διαθέσιμη με επισήμανση σύνταξης:</p>
<p><img src='https://i0.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%A4%D1%80%D0%B0%D0%B3%D0%BC%D0%B5%D0%BD%D1%82-%D0%BA%D0%BE%D0%B4%D0%B0-%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpg' width="100%" loading=lazy loading=lazy></p><p>Εικόνα 3. Τμήμα κώδικα αυτής της τοποθεσίας</p>
<p>Αυτό το εργαλείο είναι πολύ χρήσιμο για την εύρεση και την επεξεργασία των στοιχείων που αναζητάτε.</p>
<h3>Εναλλακτικοί τρόποι προβολής όλου του κώδικα HTML μιας ιστοσελίδας</h3>
<p>Για ταχύτερη πρόσβαση, μπορείτε να χρησιμοποιήσετε άλλους τρόπους για να καλέσετε αυτό το εργαλείο</p>
<ol><li>Στο σχήμα 1 βλέπουμε επίσης ότι αυτή η εντολή είναι διαθέσιμη μέσω συντόμευσης πληκτρολογίου <Ctrl>+<U> ;</li>
<li>Επικολλήστε view-source:site στη γραμμή διευθύνσεων του προγράμματος περιήγησης αντί για τον τομέα μου, εισαγάγετε τη διεύθυνσή σας.</li>
</ol><p>Και οι δύο μέθοδοι είναι καθολικές και θα πρέπει να λειτουργούν σε όλα τα προγράμματα περιήγησης.</p>
<p>Στην αρχή, ορισμένοι μπορεί να πιστεύουν ότι αυτό δεν είναι καθόλου απαραίτητο εργαλείο, αλλά η προβολή ολόκληρου του κώδικα HTML ενός ιστότοπου είναι εξαιρετική για την εύρεση των απαραίτητων στοιχείων στον κώδικα, αυτά μπορεί να είναι σύνδεσμοι, ετικέτες, μετα-ετικέτες, χαρακτηριστικά και άλλα στοιχεία .</p>
<p>Συνδυασμός πλήκτρων πρόσβασης <Ctrl>+<F>ανοίξτε το παράθυρο αναζήτησης, στο πρόγραμμα περιήγησης Chrome εμφανίζεται πάνω δεξιά:</p>
<p><img src='https://i2.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%BF%D0%BE%D0%B8%D1%81%D0%BA-%D0%BF%D0%BE-%D0%BA%D0%BE%D0%B4%D1%83-%D1%81%D0%B0%D0%B9%D1%82%D1%83.jpg' width="100%" loading=lazy loading=lazy></p><p>Εικόνα 3. Αναζήτηση κατά κωδικό τοποθεσίας</p>
<p>Αφού εισαγάγετε ένα αίτημα στη φόρμα αναζήτησης, η οθόνη θα μετακινηθεί στο πρώτο στοιχείο που βρέθηκε, χρησιμοποιώντας τα βέλη μπορείτε να μετακινηθείτε μεταξύ τους και να επιλέξετε αυτό που χρειάζεστε:</p>
<p><img src='https://i2.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%9F%D0%BE%D0%B8%D1%81%D0%BA-%D0%BF%D0%BE-HTML-%D0%BA%D0%BE%D0%B4%D1%83-%D1%81%D0%B0%D0%B9%D1%82%D0%B0.jpg' width="100%" loading=lazy loading=lazy></p><p>Εικόνα 4. Αναζήτηση βάσει κώδικα ιστότοπου HTML</p>
<h2>Οδηγία 2: πώς να προβάλετε και να επεξεργαστείτε τον κώδικα HTML και CSS ενός ιστότοπου στο πρόγραμμα περιήγησης Google Chrome</h2>
<p>Τώρα το πιο σημαντικό μέρος, στο οποίο θα δείξω πώς μπορείτε να επεξεργαστείτε τον κώδικα HTML και CSS ενός ιστότοπου σε ένα πρόγραμμα περιήγησης. στη συνέχεια μεταφέρετε τις αλλαγές στο πρόγραμμα περιήγησης.</p>
<br><img src='https://i2.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/12/%D0%9A%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0-%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B5%D1%82%D1%8C-%D0%BA%D0%BE%D0%B4.jpg' width="100%" loading=lazy loading=lazy><p>Αυτό το χρήσιμο εργαλείο είναι πάντα διαθέσιμο στο πρόγραμμα περιήγησής σας, πειραματιστείτε με άλλες εντολές που θα σας διευκολύνουν να επεξεργαστείτε τον ιστότοπό σας.</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
</article>
<div class='yarpp-related'>
<div class="related-items">
<div class="headline">Προτείνουμε άλλα άρθρα</div>
<div class="items">
<div class="item">
<a href="https://radiobud.ru/el/life-hacks-for-smartphones/remont-sotovyh-telefonov-meizu-remont-telefonov-meizu-v-den-obrashcheniya.html" class="item__link">
<img src="/uploads/ff36ff6325b720c0676eef5527071257.jpg" width="220" height="170" alt="Επισκευή τηλεφώνων Meizu αυθημερόν Οι πιο συχνές κλήσεις στο κέντρο επισκευών της Meizu" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Επισκευή τηλεφώνων Meizu αυθημερόν Οι πιο συχνές κλήσεις στο κέντρο επισκευών της Meizu</div>
</a>
</div>
<div class="item">
<a href="https://radiobud.ru/el/program/privet-napishi-mne-svoi-nomer-telefona-odnoklassniki-privet.html" class="item__link">
<img src="/uploads/723e3423def13e650b9d7a2870c034af.jpg" width="220" height="170" alt="Γεια, στείλτε μου τον αριθμό τηλεφώνου σας" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Γεια, στείλτε μου τον αριθμό τηλεφώνου σας</div>
</a>
</div>
<div class="item">
<a href="https://radiobud.ru/el/instructions/chto-takoe-blog-wordpress-i-zachem-on-nuzhen-preimushchestva-i-nedostatki.html" class="item__link">
<img src="/uploads/21fe0d9120d20ea38e3ddf991ecb0527.jpg" width="220" height="170" alt="Πλεονεκτήματα και μειονεκτήματα του WordPress Τι είναι το WordPress και πώς να το χρησιμοποιήσετε" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Πλεονεκτήματα και μειονεκτήματα του WordPress Τι είναι το WordPress και πώς να το χρησιμοποιήσετε</div>
</a>
</div>
</div>
</div>
</div>
</main>
<aside class="sidebar">
<div class="section">
<div class="section__headline">Δημοφιλέστερος</div>
<div class="sidebar-items">
<a class="sidebar-item" href="https://radiobud.ru/el/iron/strukturirovannaya-kabelnaya-sistema-9395-strukturirovannaya-kabelnaya.html">
<img src="/uploads/5679ea6502f442f1d16b2ff786c23800.jpg" width="75" height="75" alt="Σύστημα δομημένης καλωδίωσης (SCS)" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Σύστημα δομημένης καλωδίωσης (SCS)</div>
</a>
<a class="sidebar-item" href="https://radiobud.ru/el/ios/twitch-servis-dlya-video-translyacii-strimov-tvich-twitch-chto-eto-i-kak.html">
<img src="/uploads/1f958fdf321dbf166a6a3c7b86b18479.jpg" width="75" height="75" alt="Twitch: τι είναι και πώς λειτουργεί;" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Twitch: τι είναι και πώς λειτουργεί;</div>
</a>
<a class="sidebar-item" href="https://radiobud.ru/el/reviews/kak-prazdnovat-letnee-solncestoyanie-kak-prazdnovat-letnee-solncestoyanie.html">
<img src="/uploads/18a97b1c3a444ef58070da59202dc921.jpg" width="75" height="75" alt="Πώς να γιορτάσετε το Θερινό Ηλιοστάσιο Emmanuelle Daguerre: Ένα θεραπευτικό ηλιοστάσιο" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Πώς να γιορτάσετε το Θερινό Ηλιοστάσιο Emmanuelle Daguerre: Ένα θεραπευτικό ηλιοστάσιο</div>
</a>
<a class="sidebar-item" href="https://radiobud.ru/el/internet/programmirovanie-mikrokontrollerov-dlya-nachinayushchih-legko-i.html">
<img src="/uploads/ace204ea07f98eba1735a36a4ab8ecb6.jpg" width="75" height="75" alt="Προγραμματισμός μικροελεγκτών AVR για αρχάριους Προγραμματισμός ελεγκτών avr για αρχάριους" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Προγραμματισμός μικροελεγκτών AVR για αρχάριους Προγραμματισμός ελεγκτών avr για αρχάριους</div>
</a>
<a class="sidebar-item" href="https://radiobud.ru/el/life-hacks-for-ios/pochemu-planshet-ne-vyklyuchaetsya-chto-delat-zavis-planshet---chto-delat-vozmozhnye.html">
<img src="/uploads/2df7bea5ce83ad887e3040165488a737.jpg" width="75" height="75" alt="Παγωμένο tablet - τι να κάνετε;" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Παγωμένο tablet - τι να κάνετε;</div>
</a>
<a class="sidebar-item" href="https://radiobud.ru/el/program/videonablyudenie-cherez-usb-kameru-besprovodnaya-usb-kamera-kupit.html">
<img src="/uploads/c5ad1ebb2eec805aceb765a476962621.jpg" width="75" height="75" alt="Ασύρματη κάμερα USB αγοράστε μια ασύρματη μίνι κάμερα υπολογιστή Ψηφιακή φωτογραφική μηχανή με έξοδο USB" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Ασύρματη κάμερα USB αγοράστε μια ασύρματη μίνι κάμερα υπολογιστή Ψηφιακή φωτογραφική μηχανή με έξοδο USB</div>
</a>
</div>
</div>
<script>
// <![CDATA[
$(document).ready(function() {
var floatsidebar = $("#float-sidebar");
var offset = floatsidebar.offset();
var left = offset.left;
var top = offset.top;
var width = $("#float-sidebar").width();
var height = $("#float-sidebar").height();
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop >= top) {
$('#float-sidebar').css({
left: left + 'px',
position: 'fixed',
top: "50px",
width: width + "px"
});
} else {
$('#float-sidebar').css({
position: 'static',
});
}
});
});
// ]]>
</script>
<div id="float-sidebar">
<div id="laqybe1" style="height:500px;width:270px;" align="center"></div>
</div>
</aside>
</div>
<footer class="footer">
<div class="footer-left">
<div class="footer__logo">
<div class="footer__logo-sitename">radiobud.ru</div>
</div>
<div class="footer__copyright">
<p>© 2024 - radiobud.ru <br /></p>
<p>Κριτικές, life hacks, παιχνίδια, προγράμματα</p>
</div>
<nav class="footer__nav-1">
<ul>
<li class="menu-item type-post_type object-page "><a href="https://radiobud.ru/el/sitemap.xml">Χάρτης τοποθεσίας</a></li>
</ul>
</nav>
</div>
<nav class="footer__nav-2"><ul>
<li class="menu-item type-taxonomy object-category "><a href="https://radiobud.ru/el/feedback.html">Επαφές</a></li>
<li class="menu-item type-taxonomy object-category "><a href="">Διαφήμιση</a></li>
<li class="menu-item type-taxonomy object-category "><a href="">Σχετικά με τον ιστότοπο</a></li>
</ul></nav>
<div class="footer__counters">
</div>
<div class="footer__note"></div>
</footer>
</div>
</div>
<script type='text/javascript' src='https://radiobud.ru/wp-content/themes/radiobud.ru/js/scripts.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1","visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"Auto"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://radiobud.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script async="async" type='text/javascript' src='https://radiobud.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html> 