Τι είναι το URI, το URL, το URN και σε τι διαφέρουν. Δεν υπάρχει τίποτα καλύτερο από ένα συγκεκριμένο παράδειγμα

Γεια σας, αγαπητοί αναγνώστες του ιστότοπου του ιστολογίου. Σήμερα θέλω να θίξω το θέμα της δημιουργίας μοναδικών διευθύνσεις URLστο Διαδίκτυο και μιλήστε για τις αρχές της δημιουργίας σχετικούς και απόλυτους συνδέσμους.

Φυσικά, το θέμα του σχηματισμού Urls ή της πιο εκτεταμένης εκδοχής των URI (uri) είναι αρκετά περίπλοκο αν σκάψετε βαθιά και προσπαθήσετε να φτάσετε στην αλήθεια.

Αλλά δεν το χρειαζόμαστε αυτό, γιατί αρκεί να κατανοήσουμε τη δομή του URL στην εφαρμογή του.

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

Διευθύνσεις URL - τι είναι και πώς επηρεάζουν την ευρετηρίαση ιστοτόπων

Λοιπόν, ας δούμε τι είναι μια διεύθυνση URL, γιατί χρειάζεται και από ποια μέρη αποτελείται. Όπως γνωρίζετε, οι μηχανές αναζήτησης δεν παράγουν ως σύνολο, αλλά ως μια συλλογή μεμονωμένων σελίδων. Στη συνέχεια θα είναι για διάφορα ερωτήματα αναζήτησης (διαβάστε περισσότερα σχετικά με την επιλογή λέξεων-κλειδιών στο Wordstat με βάση το .

URL και URI

Λοιπόν, οποιοδήποτε έγγραφο (ιστοσελίδα) στο Διαδίκτυο έχει τη δική του μοναδική διεύθυνση URL, που σημαίνει Uniform Resource Locator (Resource locator). Αυτός, καθώς και το πρωτόκολλο HTTP, αλλά και το πώς, αναπτύχθηκε και δημιουργήθηκε από το ίδιο πρόσωπο - τον Tim Berners-Lee (πατέρα του ιδρυτή του έργου).

Σε γενικές γραμμές, μια διεύθυνση URL είναι μια ειδική περίπτωση ενός άλλου αναγνωριστικού που ονομάζεται URI(Uniform Resource Identifier - ένα ομοιόμορφο αναγνωριστικό πόρων), αλλά εσείς και εγώ, όλες αυτές οι λεπτές αποχρώσεις, πιθανότατα, δεν θα χρειαστούν (περιττές) κατά την εργασία με τον ιστότοπό μας. Ας προσπαθήσουμε να καταλάβουμε γενικά τι είναι και από ποια μέρη αποτελείται και στη συνέχεια να προχωρήσουμε σε σχετικούς και απόλυτους συνδέσμους.

Η διεύθυνση URL είναιένας τρόπος για να υποδείξετε με σαφήνεια κάτι στο Διαδίκτυο. Χρησιμοποιείται όχι μόνο για εργασία με ιστότοπους () μέσω του πρωτοκόλλου http (επίσης μέσω ftp), αλλά, φυσικά, θα μας ενδιαφέρει η εφαρμογή αυτού του αναγνωριστικού στον Ιστό (πρωτόκολλα http και https). Το URL σε αυτήν την περίπτωση θα μοιάζει κάπως έτσι (θα δώσω ένα γενικό διάγραμμα ροής της κατασκευής του παρακάτω, αλλά προς το παρόν θα ήθελα να ξεκινήσω με ένα απλό συχνό παράδειγμα):

https://.html

Σε αυτό το παράδειγμα της διεύθυνσης, το τμήμα με "http" υποδηλώνει ένα πρωτόκολλο μεταφοράς δεδομένων ή, εάν ακολουθείτε την ορολογία της προδιαγραφής, ένα σχήμα (επειδή το ίδιο δεν είναι πρωτόκολλο μεταφοράς δεδομένων, σε αντίθεση με το http ή το ftp, αλλά είναι επίσης χρησιμοποιείται σε διευθύνσεις URL).. ιστότοπος " ) - ή .

WWW και άλλοι καθρέφτες ιστότοπου που πρέπει να κολληθούν μεταξύ τους

Ο Ιστός έχει τις ιδιαιτερότητες του προσδιορισμού ενός ονόματος τομέα στη διεύθυνση URL ενός ιστότοπου, το οποίο μπορεί να είναι με ή χωρίς WWW. Για να πετύχετε, είναι πολύ σημαντικό να κολλήσετε αυτούς τους δύο καθρέφτες του ιστότοπού σας. Συχνά, ο πάροχος φιλοξενίας μπορεί να εκτελέσει τη συγκόλληση καθρεφτών για εσάς, αλλά αυτό θα πρέπει οπωσδήποτε να ελεγχθεί.

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

Το ίδιο ισχύει όταν μετακινείτε τον ιστότοπο σε ασφαλή πρωτόκολλο https με http- για τις μηχανές αναζήτησης θα είναι διαφορετικός ιστότοπος.

Τίποτα κακό στη χρήση www στη διεύθυνση url του ιστότοπουόχι, αλλά πρέπει να ορίσετε με σαφήνεια τον κύριο καθρέφτη (μέσω και μέσω, καθώς και μέσω της σύνταξης της οδηγίας του ιστότοπού σας), το οποίο θα ευρετηριαστεί από τις μηχανές αναζήτησης και το οποίο θα συμμετέχει στην κατάταξη.

Ε. "χωρίς αταβισμό" και αν προσθέσετε αυτό το υπέροχο πρόθεμα σε οποιαδήποτε από τις διευθύνσεις URL μου, τότε θα γίνει αυτόματη ανακατεύθυνση στη διεύθυνση "χωρίς WWW".

https://www..html

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

Για παράδειγμα, στο reg.ru μπορείτε να δείτε πιθανούς καθρέφτες ή δωρεάν τομείς για εγγραφή (μπορείτε να εισαγάγετε το προτεινόμενο όνομα τομέα απευθείας στην παρακάτω φόρμα):

Από πού προέρχονται οι επιπλέον διευθύνσεις URL (διπλότυπες σελίδες) του ιστότοπού σας στο ευρετήριο της μηχανής αναζήτησης

Αλλά πίσω στα πρόβατά μας. Το τμήμα της διεύθυνσης URL που βρίσκεται μετά την τρίτη κάθετο (/) - στο παράδειγμά μας είναι "papka/fail.html" - ονομάζεται διαδρομή προς ένα συγκεκριμένο αντικείμενο (έγγραφο ή αρχείο). Στην περίπτωσή μας, αυτό είναι το έγγραφο "fail.html", το οποίο βρίσκεται στον κατάλογο "papka", ο οποίος με τη σειρά του βρίσκεται στον ριζικό φάκελο ( η ρίζα στο Url ταιριάζει πάντα με την τρίτη κάθετοαριστερά).

Αλλά δεν είναι μόνο αυτό που μπορεί να γραφτεί στη διεύθυνση. Μέσω της διεύθυνσης URL, διάφορες περνούν τις λεγόμενες παραμέτρους GET, οι οποίες προστίθενται στο τέλος της αφού βάλουν ένα ερωτηματικό, για παράδειγμα, όπως αυτό:

https://www..html?print=yes

Το πρόβλημα είναι ότι για τις μηχανές αναζήτησης, δύο τέτοιες διευθύνσεις URL (με και χωρίς παραμέτρους Get) είναι εντελώς διαφορετικά έγγραφα ιστού και καθένα από αυτά θα ευρετηριαστεί από τις μηχανές αναζήτησης.

Όσες διαφορετικές παραμέτρους Get θέλετε μπορούν να προστεθούν στην ίδια διεύθυνση URL και όλα αυτά θα ευρετηριαστούν από το Yandex και την Google εάν δεν δημιουργήσετε τις κατάλληλες απαγορεύσεις στο αρχείο robots.txt, ο σύνδεσμος για το άρθρο για το οποίο δίνεται ακριβώς απο πάνω. Διαφορετικά, οι μηχανές αναζήτησης ενδέχεται για πολύ διπλό περιεχόμενο(το ίδιο περιεχόμενο διατίθεται σε διαφορετικές διευθύνσεις).

Επίσης, για παράδειγμα, η πρόσβαση στην κύρια σελίδα του πόρου μου είναι δυνατή χρησιμοποιώντας δύο διαφορετικές διευθύνσεις URL:

https://site https://site/index.php

(ακόμα και τρεις - επίσης https: // site /) και σε κάθε περίπτωση θα ανοίξει η κύρια σελίδα. Αυτό είναι πολύ κακό, γιατί Οι μηχανές αναζήτησης θα βρουν ότι έχω τρεις διαφορετικές σελίδες (που έχουν διαφορετικές διευθύνσεις URL από την άποψή τους), αλλά με το ίδιο περιεχόμενο, το οποίο, ω, δεν τους αρέσει.

Επομένως, το έχω κάνει έτσι ώστε όταν εισάγετε οποιαδήποτε από τις παραπάνω διευθύνσεις URL, θα εκτελείται μια ανακατεύθυνση σε μια διεύθυνση URL της μορφής "https: // site /". Αυτό γίνεται, κατά κανόνα, χρησιμοποιώντας ανακατευθύνσεις 301 στο αρχείο .htaccess, είτε απευθείας στις ρυθμίσεις διακομιστή μόνοι σας είτε από τον κεντρικό υπολογιστή σας.

Για περισσότερες πληροφορίες, διαβάστε την ανάρτηση που συνδέεται με.

Δομή διεύθυνσης URL και επανακωδικοποίηση σε κωδικοποιημένη διεύθυνση URL

Γενικά, πλήρες μπλοκ διάγραμμα URLμπορεί να αναπαρασταθεί ως εξής:

Στην πραγματικότητα, κατά κανόνα, δεν χρησιμοποιούν στοιχεία σύνδεσης, κωδικό πρόσβασης και θύρα, αν και μπορεί να χρειαστεί να καθοριστούν για πρόσβαση σε ιστότοπους επί πληρωμή:

http://login: [email προστατευμένο] site/platniy-access.html

Είναι επίσης αρκετά συνηθισμένη η εγκατάσταση Κωδικοί πρόσβασης σύνδεσης FTP, όπου μπορεί επίσης να χρησιμοποιήσει μια μη τυπική θύρα, αλλά διαφορετική από την προεπιλεγμένη για αυτό το πρωτόκολλο. Στη συνέχεια, για να αποκτήσετε πρόσβαση στους πόρους ενός τέτοιου διακομιστή Ftp, θα χρειαστεί να εισαγάγετε μια παρόμοια διεύθυνση URL:

ftp://login: [email προστατευμένο]ιστότοπος:6789/samoe-nujnoe/cimus

Σχετικά με τις παραμέτρους GET που μπορούν να γραφτούν σε αυτή τη διεύθυνση μετά το ερωτηματικό, έχουμε ήδη πει και αναφέρει ότι είναι απαραίτητο να απαγορευτεί η ευρετηρίαση σελίδων στις διευθύνσεις URL των οποίων υπάρχουν τέτοιες παράμετροι (παραπάνω είναι ένας σύνδεσμος για ένα άρθρο σχετικά με ρομπότ, όπου όλα αυτά περιγράφονται αναλυτικά).

Διευθύνσεις URL με τη μορφή κατακερματισμένων συνδέσμων που ανοίγουν τη σελίδα στη σωστή θέση

Εκτός όμως από όλα αυτά τα πράγματα που μπορούν να συμπεριληφθούν στο URL, στο παραπάνω διάγραμμα ροής μπορείτε να δείτε το λεγόμενο άγκυρα, το οποίο προστίθεται στο τέλος μετά το σύμβολο οριοθέτησης λιβρών "#" (Οι διευθύνσεις URL που περιέχουν άγκυρες ονομάζονται συνήθως κατακερματισμένοι σύνδεσμοι).

Οι αγκυρώσεις τοποθετούνται εκ των προτέρων μέσα στον κώδικα Html του εγγράφου (σελίδα) προσθέτοντας το χαρακτηριστικό ID="label" στην επιθυμητή ετικέτα Html (παράγραφος, επικεφαλίδα ή άλλο κατάλληλο) και στη συνέχεια προσθέτοντας το όνομα αυτής της αγκύρωσης στη διεύθυνση URL διεύθυνση της σελίδας μέσω του συμβόλου λίρας "#", θα μπορείτε να μεταβείτε όχι στην αρχή αυτής της ιστοσελίδας, αλλά απευθείας στο σημείο όπου τοποθετήθηκε η άγκυρα (όλοι θα μετακινηθούν αυτόματα στη σελίδα στο σωστό μέρος).

Σχετικά, και συμπεριλαμβανομένης της οργάνωσης της πλοήγησης στη σελίδα με τη βοήθεια, διαβάστε αυτά τα άρθρα.

Ποιοι χαρακτήρες μπορούν να χρησιμοποιηθούν σε διευθύνσεις URL;

Αξίζει επίσης να αναφέρουμε τις διάφορες κωδικοποιήσεις που χρησιμοποιούνται στα URL. Χωρίς επανακωδικοποίηση, μπορούν να χρησιμοποιήσουνμόνο περιορισμένο αριθμό χαρακτήρων. Συνήθως συνιστάται να περιοριστείτε σε ένα σύνολο χαρακτήρων: ,,,[_],[-].

Γενικά, για να αποφύγετε σφάλματα, θα σας συμβούλευα να ορίσετε το όνομα των αρχείων και των διευθύνσεων URL των σελίδων του ιστότοπού σας με πεζά γράμματα, επειδή για συστήματα τύπου Unix (στα οποία λειτουργούν οι περισσότεροι διακομιστές ιστού), οι χαρακτήρες με κεφαλαία και τα πεζά είναι διαφορετικά (σε αντίθεση με τα Windows). Λόγω διαφορετικών μητρώων, μπορεί να προκύψει περιττή σύγχυση.

Η χρήση οποιωνδήποτε άλλων χαρακτήρων (συμπεριλαμβανομένων των ρωσικών) σε διευθύνσεις URL επιτρέπεται, αλλά θα γίνει επανακωδικοποίησηαυτούς τους ίδιους χαρακτήρες (Κωδικοποίηση URL).

Αυτό που είναι λυπηρό είναι η δύσπεπτη εμφάνιση διευθύνσεων URL με σύμβολα, για παράδειγμα, κυριλλικά, τα οποία λαμβάνονται μετά την επανακωδικοποίηση. Κάθε κυριλλικός χαρακτήρας κωδικοποιείται χρησιμοποιώντας δύο byte στο , γραμμένο σε δεκαεξαδικό και χωρίζεται με ένα σύμβολο ποσοστού "%". Για παράδειγμα, αυτή η διεύθυνση URL:

https://website/who's new/

μετά τη μετατροπή θα μοιάζει με αυτό:

Http//site/%BA%D1%82%D0%BE%20%D0%BD%D0% B0%20%D0%BD%D0%BE%D0%B2%D0%B5%D0%BD%D1% 8C%D0%BA%D0 %BE%D0%B3%D0%BE

Σε γενικές γραμμές, αποδεικνύεται ότι δεν είναι πολύ ωραίο και σχεδιάζουν να αντιμετωπίσουν αυτόν τον δύσπεπτο τύπο URL σε εθνικές κωδικοποιήσεις, αλλά αυτό το πράγμα δεν είναι τόσο καυτό.

Σε σχέση με όλα τα παραπάνω, θα συμβούλευα όταν χρησιμοποιώ το CMS μου μην κάνετε διευθύνσεις σελίδων στα ρωσικά, και, ειδικά επειδή, σύμφωνα με πολλούς υποστηρικτές, θα είναι καλύτερο από την άποψη της βελτιστοποίησης SEO για το Yandex και το Google.ru.

Σχετικοί και απόλυτοι σύνδεσμοι στον ιστότοπο

Ας ξεκινήσουμε με απόλυτους συνδέσμους, επειδή Σε αυτήν την περίπτωση, τίποτα το ιδιαίτερο, πέρα ​​από αυτό που έχουμε ήδη συζητήσει σε αυτό το άρθρο, δεν θα χρειαστεί να ειπωθεί. Οτι. ένας απόλυτος σύνδεσμος πρέπει να πληροί τις απαιτήσεις που επιβάλλουμε στη διεύθυνση URL - πρέπει να υποδεικνύεται το πρωτόκολλο μεταφοράς δεδομένων, το όνομα τομέα του ιστότοπου (κεντρικός υπολογιστής) και η διαδρομή προς το επιθυμητό έγγραφο ιστού. Τα παντα.

Στο Html, σχηματίζεται ένας απόλυτος σύνδεσμος χρησιμοποιώντας ειδικές ετικέτες A (υπερσυνδέσεις), π.χ. για να το βάλουμε κάτω, θα πρέπει απλώς να περιβάλουμε την επιθυμητή θέση στο κείμενο του εγγράφου (φράση ή εικόνα) με τις ετικέτες υπερσύνδεσης ανοίγματος και κλεισίματος και να γράψουμε στην ετικέτα ανοίγματος A στο "Href" που αποδίδει την απόλυτη διαδρομή στο έγγραφο στο οποίο θα πρέπει να μεταβεί ο επισκέπτης όταν κάνει κλικ σε αυτό:

PHPMyAdmin

Όλα είναι πολύ απλά.

Οφέλη των σχετικών συνδέσμων και πώς μπορείτε να τους αποκτήσετε

Ωστόσο, οι απόλυτοι υπερσύνδεσμοι χρησιμοποιούνται συνήθως μόνο όταν θέλουν να συνδεθούν με εξωτερικούς ιστότοπους και για εσωτερικές μεταβάσεις, οι περισσότεροι webmasters (έξυπνοι και οξυδερκείς, όχι σαν εμένα 🙂) προσπαθούν να χρησιμοποιήσουν σχετικοί σύνδεσμοι. Και υπάρχουν αρκετοί λόγοι για αυτό:

1. Οι σχετικοί σύνδεσμοι, εξ ορισμού, είναι πιο σύντομοι και δεν γεμίζουν τον κώδικα του ιστότοπου (εξάλλου, κάθε μικρό πράγμα είναι σημαντικό σε αυτό το θέμα).
2. Επιπλέον, κατά τη μετακίνηση σε άλλο τομέα ή την αλλαγή του πρωτοκόλλου σε https, δεν θα χρειαστεί να αλλάξετε όλους τους συνδέσμους στον ιστότοπο.
3. Επιπλέον, ορισμένα σχέδια έργων Διαδικτύου μπορούν να μεταφερθούν γρήγορα και ανώδυνα σε άλλον πόρο χωρίς να αλλάξουν εσωτερικές σχετικές συνδέσεις.

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

Δημιουργήστε σχετικούς συνδέσμους σε σχέση με το έγγραφο από το οποίο έχουν επικολληθεί

Ο απλούστερος και συντομότερος τρόπος για να γράψετε μια σχετική διαδρομή (δηλαδή την τιμή του χαρακτηριστικού Href της ετικέτας υπερσύνδεσης) θα ληφθεί όταν και τα δύο έγγραφα web: ο δότης (από τον οποίο τοποθετείται) και ο αποδέκτης (το αρχείο ή το έγγραφο ιστού σε που οδηγεί) βρίσκονται στον ίδιο φάκελο του διακομιστή.

άγκυρα

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

Πώς θα ήταν ένας σχετικός σύνδεσμος σε αυτήν την περίπτωση; Όλα είναι επίσης πολύ απλά:

άγκυρα

Προς το παρόν, νομίζω ότι όλα είναι ξεκάθαρα - ορίζουμε τη διαδρομή προς το αρχείο ή το έγγραφο του αποδέκτη (το όνομα του φακέλου και μέσω της άμεσης κάθετο "/" το όνομα του αρχείου ή του εγγράφου). Εκείνοι. για να φτάσουμε από τον δότη στον αποδέκτη, θα χρειαστεί να ανοίξουμε τον φάκελο, το όνομα του οποίου υποδεικνύουμε στον σχετικό σύνδεσμο.

Ας εξετάσουμε τώρα την αντίθετη κατάσταση, όταν το ίδιο το έγγραφο δότη βρίσκεται μέσα στο φάκελο, από τον οποίο πρέπει να τοποθετήσετε έναν σχετικό σύνδεσμο προς το έγγραφο ή το αρχείο αποδέκτη, το οποίο βρίσκεται ήδη ένα επίπεδο υψηλότερα:

Για να μεταβούμε από το έγγραφο δότη στο αρχείο (ή έγγραφο) αποδέκτη, χρειαζόμαστε ανεβείτε ένα επίπεδο από αυτόν τον φάκελο. Για αυτό, παρέχεται ένα ειδικό στοιχείο - δύο τελείες στη σειρά, και στη συνέχεια μέσω μιας κάθετης προς τα εμπρός, γράφεται η περαιτέρω διαδρομή προς τον αποδέκτη. Έτσι, για το παραπάνω παράδειγμα, η σχετική διαδρομή θα ήταν:

Τι είναι μια διεύθυνση URL

Εάν πρέπει να ανεβείτε δύο επίπεδα, τότε η καταχώρηση θα μοιάζει με:

Τι είναι το Url

Λοιπόν, εάν μετά από αυτό, για να ορίσετε μια σχετική διαδρομή προς τον αποδέκτη, θα χρειαστεί επίσης να εισαγάγετε κάποιο φάκελο στο δεύτερο ανώτερο επίπεδο (σε σχέση με το έγγραφο δότη):

Πολύπλοκη σχεδίαση πίστας

Μπορεί να υπάρχουν τόσες τέτοιες καταβάσεις σε φακέλους και αναβάσεις στο επίπεδο πάνω, το κυριότερο είναι να μην μπερδευτείτε εσείς οι ίδιοι.

Δημιουργήστε έναν σύνδεσμο σε σχέση με τον ριζικό φάκελο

Γράψαμε όλους τους συνδέσμους που συζητήθηκαν παραπάνω σχετικά με το έγγραφο δότη από το οποίο έχει τοποθετηθεί ο υπερσύνδεσμος, αλλά μπορείτε πάρτε τον ριζικό φάκελο ως σημείο εκκίνησηςιστοσελίδα. Η ρίζα σε σχετικές διαδρομές μοιάζει με μια μονή κάθετο προς τα εμπρός "/".

Οτι. η μετάβαση στην κύρια σελίδα θα φαίνεται αρκετά απλή, αλλά υπερβολική:

άγκυρα

Για παράδειγμα, απόλυτοςη διαδρομή μπορεί να μοιάζει με αυτό:

άγκυρα

ΕΝΑ συγγενήςστο ίδιο αρχείο θα είναι κάπως μικρότερο:

Κείμενο

Τρόπος αναφοράς σε ένα φάκελο σε σχετική και απόλυτη μορφή

Θέλω να επιστήσω την προσοχή σας σε μια απόχρωση που πρέπει να λαμβάνεται υπόψη κατά τη δημιουργία τόσο απόλυτων όσο και σχετικών συνδέσμων. Αν θέλεις ανατρέξτε στο φάκελο, τότε φροντίστε να βάλετε μια κάθετο "/" στο τέλος μιας τέτοιας υπερσύνδεσης (μετά το όνομά της). Δηλαδή, αν θέλω να ανοίξω τα περιεχόμενα ενός φακέλου, τότε θα πρέπει να γράψω:

άγκυρα

Οχι έτσι:

κείμενο

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

Θα πρέπει επίσης να το γνωρίζετε κατά την επικοινωνίασε σχετική ή απόλυτη αναφορά φάκελο, θα εμφανιστεί ο διακομιστής webτο λεγόμενο αρχείο ευρετηρίου που βρίσκεται σε αυτό και το οποίο, κατά κανόνα, ονομάζεται είτε index.html είτε index.php. Εάν δεν υπάρχει αρχείο ευρετηρίου στο φάκελο, τότε εάν η ασφάλεια έχει ρυθμιστεί εσφαλμένα στον διακομιστή, θα δείτε μια λίστα με τα περιεχόμενά του, γεγονός που μπορεί να οδηγήσει σε μείωση της ασφάλειας του πόρου σας.

Σίγουρα αν το βρεις.

Παρεμπιπτόντως, η πρόσβαση στην κύρια σελίδα του ιστότοπου είναι επίσης, στην ουσία, πρόσβαση στον φάκελο (root) και ταυτόχρονα θα εκκινηθεί το αρχείο ευρετηρίου που βρίσκεται στη ρίζα (στην περίπτωσή μου, αυτό είναι το index.php ). Έτσι, εάν έχετε πρόσβαση σε έναν φάκελο, τότε για μείωση του φόρτου του διακομιστήείναι καλύτερα να γράψετε μια κάθετο μετά το όνομα τομέα:

Ορίστε, Mikhalych!

Καλή σου τύχη! Τα λέμε σύντομα στον ιστότοπο των σελίδων του ιστολογίου

Μπορεί να σας ενδιαφέρει

Κωδικοποίηση κειμένου ASCII (Windows 1251, CP866, KOI8-R) και Unicode (UTF 8, 16, 32) - πώς να διορθώσετε το πρόβλημα με το krakozyabry
Πώς αύξησα την επισκεψιμότητα του ιστότοπου σε 300 άτομα την ημέρα;
Αναζήτηση Yandex στον ιστότοπο και στο ηλεκτρονικό κατάστημα
Χάρτης ιστότοπου σε μορφή xml για Yandex και Google - πώς να δημιουργήσετε έναν χάρτη ιστότοπου στο Joomla και στο WordPress ή σε μια ηλεκτρονική γεννήτρια

Αποφάσισα να συνεχίσω αυτό το τρέχον θέμα. Έχω συγκεντρώσει μια λίστα με τους καλύτερους πόρους html και css για να σας βοηθήσω να μάθετε αυτά τα πράγματα. Θυμάμαι όταν ξεκίνησα ο ίδιος ως webmaster, μου έλειπε πραγματικά μια τέτοια επιλογή από υψηλής ποιότητας και χρήσιμους πόρους.

Πρώτον, ορισμένοι ορισμοί:

Html (από το αγγλικό "HyperText Markup Language" - γλώσσα σήμανσης υπερκειμένου) είναι η τυπική γλώσσα σήμανσης για ιστοσελίδες.

Το Css (από τα αγγλικά "Cascading Style Sheets" - cascading style sheets) είναι μια τεχνολογία για την περιγραφή της εμφάνισης μιας ιστοσελίδας.

Χωρίς γνώση html και css, η λειτουργία του ιστότοπού σας θα είναι πολύ προβληματική - ακόμη και ένας μετρητής στατιστικών ή το ίδιο banner δεν θα λειτουργήσει. Μην τρέχετε στους ειδικούς για βοήθεια ή δεν δημιουργείτε θέμα μετά από θέμα στα φόρουμ; Απλά πρέπει να πάρεις και να μάθεις.

Από τη δική μου εμπειρία μπορώ να πω ότι html και css μαθαίνονται σε 1 μήνα. Φυσικά, δεν μιλάω για επαγγελματικά ύψη - εσείς οι ίδιοι θα τα φτάσετε αν θέλετε.

Κατά τη γνώμη μου, ο καλύτερος τρόπος για να μάθετε html, css και άλλα θέματα, συμπεριλαμβανομένης της προώθησης ιστότοπου, είναι να ξεκινήσετε τον δικό σας ιστότοπο και να εξασκηθείτε σε αυτόν. Παρεμπιπτόντως, μπορείτε να δείτε τον πρώτο ιστότοπο που δημιούργησα στους χάρτες για το παιχνίδι Counter-Strike, το οποίο μου άρεσε να δημιουργώ εκείνη την εποχή. Εδώ είναι οι χάρτες και τα στιγμιότυπά τους, που δημιουργήθηκαν από τον παλιό Globator εκείνες τις μέρες που δεν ήξερε ακόμη ποια ήταν τα top 10, το TCI και το PR, και απρόσεκτα γλεντούσε στον ήλιο δημιουργώντας τρισδιάστατους χάρτες 🙂. Δημιούργησα αυτόν τον ιστότοπο σε ένα μήνα, μαθαίνοντας html και css στην πράξη.

Δεν χρειάζεται να είστε τεχνικός για να μάθετε html και css. Για παράδειγμα, γενικά είμαι ανθρωπιστής και στα μαθηματικά είχα βασικά «2» 🙂 . Έτσι ο καθένας μπορεί να μάθει html και css. Οι πόροι που έχω παραθέσει είναι επίσης κατάλληλοι ώστε ανά πάσα στιγμή να μπορείτε να τους χρησιμοποιήσετε για να μάθετε οποιαδήποτε στιγμή σας ενδιαφέρει χρησιμοποιώντας html και css.

Ιστοσελίδες για εκμάθηση html και css

Θα ξεκινήσω μια επιλογή χρήσιμων πόρων για την εκμάθηση html και css από έναν ιστότοπο που ο ίδιος μελέτησα. Αυτά είναι μαθήματα Wild html γραμμένα από τη Valentina Akhmetzyanova, γνωστή και ως Wild. Περιέγραψε όλα τα απαραίτητα σημεία τόσο χαρούμενα και ενδιαφέροντα που η εκμάθηση html και css με τη βοήθεια των μαθημάτων της μετατρέπεται σε μια συναρπαστική εμπειρία. Παρεμπιπτόντως, μπορείτε να διαβάσετε τον ιστότοπο για το blog. Τα άγρια ​​μαθήματα είναι αρκετά για να μάθετε html και css στο επίπεδο που απαιτείται για να εργαστείτε ως webmaster.

Μπορείτε να φανταστείτε ποιος θα ήμουν αν εξελισσόμουν περαιτέρω στο θέμα του Photoshop; Θα ήμουν πραγματικό τέρας! Αλλά επικοινώνησα με το SEO and vegetate εδώ, πληκτρολογώντας αυτά τα γράμματα με τα δάχτυλα στριμμένα από το κρύο 🙂 . Απλά αστειεύομαι, έχει και εδώ ζέστη και το φαγητό είναι καλό 🙂 .

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

Και αυτό είναι κάτι, δύο έγγραφα που πρέπει οπωσδήποτε να έχετε βάλει σελιδοδείκτη.…Αυτή είναι η έκδοση W3Cs της HTML5.…Μπορείτε να δείτε ότι έχουν μια πιο πρόσφατη έκδοση Publisher.…Μπορείτε να πάτε να δείτε το Πρόχειρο του Editor,…αν θέλετε Θέλω να δω τι "έρχεται κάτω, κάτω από το σωλήνα.…Και, αυτό είναι αρκετά μεγάλο.…Αν κάνω κύλιση προς τα κάτω, μπορείτε να δείτε ότι εδώ είναι μόνο ο Πίνακας Περιεχομένων.…Και δεν πρόκειται καν να κάνω κύλιση μέσα από όλα αυτά…

Συνέχιση αυτόματης κύλισης μεταγραφής

ΕΠΙΚΑΙΡΟΠΟΙΗΜΕΝΟ

3/30/2017

Απελευθερώθηκε

3/16/2015

Η HTML είναι η γλώσσα προγραμματισμού που τροφοδοτεί τον ιστό. Και όπως κάθε γλώσσα, μόλις την κατακτήσετε, μπορείτε να αρχίσετε να δημιουργείτε το δικό σας περιεχόμενο, είτε πρόκειται για απλούς ιστότοπους είτε για πολύπλοκες εφαρμογές Ιστού. Αυτό το μάθημα παρέχει μια εις βάθος ματιά στα βασικά: τη σύνταξη του HTML και τις βέλτιστες πρακτικές για ο ανώτερος συγγραφέας του προσωπικού James Williamson εξετάζει τη δομή ενός τυπικού εγγράφου HTML και δείχνει πώς να τμηματοποιείτε σελίδες και να μορφοποιείτε το περιεχόμενό σας με HTML.Plus, να μάθετε πώς να δημιουργείτε συνδέσμους και λίστες και να μάθετε πώς λειτουργεί η HTML με CSS και JavaScript για να δημιουργήσετε πλούσιο περιεχόμενο , προσελκύοντας εμπειρίες χρήστη.

Τα θέματα περιλαμβάνουν:

• Γιατί είναι σημαντικό το HTML;
• Εξερεύνηση ενός εγγράφου HTML
• Μορφοποίηση περιεχομένου
• Εμφάνιση εικόνων
• Χρήση στοιχείων πλοήγησης, άρθρου και div
• Σύνδεση με σελίδες και περιεχόμενο με δυνατότητα λήψης
• Δημιουργία λιστών
• Έλεγχος στυλ (γραμματοσειρές, χρώματα και άλλα)
• Συγγραφή βασικών σεναρίων

Όλοι οι σύνδεσμοι HTML χωρίζονται σε εξωτερικούς και εσωτερικούς. Οι εξωτερικοί σύνδεσμοι είναι σύνδεσμοι που οδηγούν από έναν ιστότοπο σε έναν άλλο ιστότοπο ή αρχείο που βρίσκεται σε άλλο ιστότοπο. Εσωτερικοί σύνδεσμοι- αυτοί είναι σύνδεσμοι που συνδέονται από μια σελίδα του ιστότοπου σε άλλη σελίδα του ίδιου ιστότοπου ή σε ενότητες της ίδιας σελίδας.

Όλοι οι εξωτερικοί σύνδεσμοι στο χαρακτηριστικό href της ετικέτας περιέχουν την απόλυτη διαδρομή προς το έγγραφο στο οποίο αναφέρονται. Οι εσωτερικοί σύνδεσμοι, με τη σειρά τους, μπορούν να περιέχουν τόσο μια απόλυτη διαδρομή όσο και μια σχετική (σε αυτή την περίπτωση, εξαρτάται από τις προσωπικές σας προτιμήσεις).

Όλοι οι σύνδεσμοι μπορούν επίσης να χωριστούν υπό όρους σε σχετικούς και απόλυτους. Σχετικοί σύνδεσμοιείναι σύνδεσμοι HTML που περιέχουν σχετικές διαδρομές, οι σχετικοί σύνδεσμοι μπορούν να είναι μόνο εσωτερικοί. Απόλυτοι σύνδεσμοιείναι σύνδεσμοι που περιέχουν απόλυτες διαδρομές, οι απόλυτοι σύνδεσμοι μπορεί να είναι εξωτερικοί και εσωτερικοί.

Σχετική διαδρομή

Σχετική διαδρομήσημαίνει ότι ο καθορισμός της διαδρομής προς το επιθυμητό αρχείο ή σελίδα του ιστότοπού σας ξεκινά σε σχέση με τον κατάλογο στον οποίο βρίσκεται η σελίδα με τον σύνδεσμο ή σε σχέση με τον ριζικό κατάλογο του ιστότοπου. Εξετάστε τα μέρη από τα οποία μπορεί να αποτελείται μια σχετική διαδρομή:

Μέρη της διαδρομής	Περιγραφή	Παραδείγματα αξιών
Ονομα αρχείου	Εάν καθορίσετε μόνο το όνομα αρχείου ως τιμή χαρακτηριστικού, αυτό σημαίνει ότι το απαιτούμενο αρχείο βρίσκεται στον ίδιο φάκελο με τη σελίδα με τη σύνδεση.	"page.html"
κατάλογος/	Εάν το αρχείο προς το οποίο πρέπει να καθορίσετε τη διαδρομή βρίσκεται σε έναν θυγατρικό κατάλογο σε σχέση με το αρχείο με σύνδεσμο, αυτό σημαίνει ότι πρέπει να κατέβουμε ένα επίπεδο (στον θυγατρικό φάκελο του τρέχοντος καταλόγου), σε αυτήν την περίπτωση Η διαδρομή ξεκινά με το όνομα του θυγατρικού καταλόγου, μετά από αυτό το όνομα υποδεικνύεται με κάθετο "/", χρησιμεύει για διαχωρισμό τμημάτων της διαδρομής, μετά υποδεικνύεται το όνομα του αρχείου που χρειαζόμαστε. Σημείωση: Μπορείτε να κατεβείτε μόνο όσους φακέλους τους έχετε δημιουργήσει. Για παράδειγμα, εάν δημιουργήσατε έναν φάκελο 10 επίπεδα κάτω από τη ρίζα, μπορείτε να καθορίσετε μια διαδρομή που θα σας κατεβάσει 10 φακέλους. Ωστόσο, αν έχετε τόσα πολλά επίπεδα, πιθανότατα σημαίνει ότι η οργάνωση του ιστότοπού σας είναι άσκοπα άβολη.	"directory/page.html" "directory1/directory2/page.html"
../	Εάν θέλετε να υποδείξετε ότι το αρχείο στο οποίο αναφέρεστε βρίσκεται στον γονικό φάκελο, χρησιμοποιήστε τα σύμβολα .. (δύο κουκκίδες), σημαίνουν ανεβείτε ένα επίπεδο (στο γονικό φάκελο του τρέχοντος καταλόγου). Στη συνέχεια, καθορίζουμε μια κάθετο προς τα εμπρός "/" για να διαχωρίσουμε τμήματα της διαδρομής και να γράψουμε το όνομα του αρχείου μας. Σημείωση: τα σύμβολα .. μπορούν να χρησιμοποιηθούν όσες φορές θέλετε στη σειρά, χρησιμοποιώντας τα, ανεβαίνετε έναν φάκελο κάθε φορά. Ωστόσο, μπορείτε να ανεβείτε μέχρι να φτάσετε στον ριζικό φάκελο του ιστότοπού σας. Δεν μπορείτε να πάτε υψηλότερα από αυτόν τον φάκελο.	"../page.html" "../../page.html" " ../../../cat1/cat2/page.html " - ανεβαίνουμε από τον τρέχοντα φάκελο τρεις παραπάνω καταλόγους και ήδη από αυτόν κατεβαίνουμε δύο επίπεδα στο απαιτούμενο αρχείο
/	Μια σχετική διαδρομή δεν χρειάζεται πάντα να ξεκινά σε σχέση με την τρέχουσα θέση της σελίδας σύνδεσης, μπορεί επίσης να ξεκινήσει σε σχέση με τον ριζικό κατάλογο του ιστότοπου. Για παράδειγμα, εάν το επιθυμητό αρχείο βρίσκεται στον ριζικό κατάλογο, η διαδρομή μπορεί να ξεκινήσει με τον χαρακτήρα " / ", μετά τον οποίο πρέπει απλώς να καθορίσετε το όνομα του επιθυμητού αρχείου, το οποίο βρίσκεται στον ριζικό κατάλογο. Σημείωση: όταν ο χαρακτήρας " / " καθορίζεται πρώτος, σημαίνει ότι η διαδρομή ξεκινά από τον ριζικό κατάλογο.	"/page.html" "/cat1/cat2/car.png"

Απόλυτη διαδρομή

Μια απόλυτη διαδρομή χρησιμοποιείται συνήθως για τον καθορισμό της διαδρομής σε ένα αρχείο που βρίσκεται σε άλλο πόρο δικτύου. Είναι η πλήρης διεύθυνση URL σε ένα αρχείο ή σελίδα. Πρώτα απ 'όλα, το πρωτόκολλο που χρησιμοποιείται υποδεικνύεται στη διεύθυνση, ακολουθούμενο από το όνομα τομέα (όνομα τοποθεσίας). Για παράδειγμα: http://www.example.ru - έτσι μοιάζει η απόλυτη διαδρομή προς έναν συγκεκριμένο ιστότοπο. Το http:// είναι ένα πρωτόκολλο μεταφοράς δεδομένων και το www.example.ru είναι το όνομα της τοποθεσίας (τομέας).

Μια απόλυτη διαδρομή μπορεί επίσης να χρησιμοποιηθεί στον δικό σας ιστότοπο. Ωστόσο, σε έναν ιστότοπο, συνιστάται η χρήση μιας σχετικής διαδρομής ως τιμή σύνδεσης.

Τώρα ας δούμε τι είναι URL-η διεύθυνση. Κάθε ιστοσελίδα στο Διαδίκτυο έχει τη δική της μοναδική διεύθυνση, η οποία ονομάζεται URL. Συντομογραφία URLσημαίνει Uστολή Rπόρος μεγάλο ocator (Uniform Resource Address), με απλά λόγια, μια διεύθυνση URL είναι ένας εντοπιστής πόρων. Αυτός ο τρόπος γραφής μιας διεύθυνσης είναι τυποποιημένος στο Διαδίκτυο.

: Πάντα ήθελα να το καταλάβω αυτό, αλλά η σημασία του ήταν τόσο μικρή που πάντα υπήρχε λόγος να μην το κάνω :)

Και αναρωτιόσουν: URL - τι είναι?

Πάντα το συναντώ αυτό, αλλά και πάλι δεν ήθελα να καταλάβω τη διαφορά μεταξύ των όρων URI, URL, URN και μετά ξαφνικά μια ανάρτηση (δυστυχώς, έχει ήδη βυθιστεί στη λήθη), αποφάσισα - θα το διαβάσω τον εαυτό μου, και να το πω στους άλλους, αν και, όπως αναφέρθηκε παραπάνω, τίποτα δεν θα αλλάξει από αυτό, αλλά μερικές φορές μου αρέσει να συλλαβίζω, οπότε διαβάστε τον λογικό μεταφραστή:

Έχετε δώσει ποτέ προσοχή στη γραμμή διευθύνσεων στο πρόγραμμα περιήγησής σας; Τι είναι αυτό? URI, URL ή URN; Πολλοί από εμάς δεν κάνουμε διάκριση μεταξύ URI, URL, URN και κάποιοι από εμάς δεν έχουμε καν ακούσει τους όρους URI και URN, όλοι χρησιμοποιούν απλώς τον όρο URL. Ας προσπαθήσουμε να το καταλάβουμε μαζί.

Επεξήγηση συντομογραφιών

URI - Ενιαίο αναγνωριστικό πόρου (ομοιόμορφο αναγνωριστικόπόρος)
URL - Ενιαίος εντοπιστής πόρων (ενοποιημένος εντοπιστής τοποθεσίαςπόρος)
URN - Uniform Resource Name (uniform όνομαπόρος)

Προσοχή, εδώ η αλήθεια βρίσκεται στα μικρά πράγματα, αλλά μέχρι στιγμής τίποτα δεν είναι ξεκάθαρο, κάποιου είδους χάος. Ας πάμε παρακάτω.

Ορισμός

URI: Υποδεικνύει το όνομα και τη διεύθυνση ενός πόρου στον ιστό. Γενικά χωρίζονται σε URL και URN, επομένως το URL και το URN είναι τα στοιχεία ενός URI.
URL: Η διεύθυνση κάποιου πόρου στον ιστό. Η διεύθυνση URL καθορίζει τη θέση του πόρου και τον τρόπο πρόσβασης σε αυτόν.
URN: Το όνομα κάποιου πόρου στον ιστό. Το νόημα ενός URN είναι ότι ορίζει μόνο το όνομα ενός συγκεκριμένου αντικειμένου που μπορεί να βρεθεί σε πολλά συγκεκριμένα σημεία.

Δεν υπάρχει τίποτα καλύτερο από ένα συγκεκριμένο παράδειγμα

URI = http://site/2009/09/uri-url-urn.html
URL = http://site
URL=/2009/09/uri-url-urn.html

Ανακεφαλαίωση

Το URI είναι η έννοια ενός αφηρημένου αναγνωριστικού, ενώ το URL και το URN είναι συγκεκριμένες υλοποιήσεις διευθύνσεων και ονομάτων.
Ελπίζω όλα να είναι ξεκάθαρα σε όλους. Να είσαι έξυπνος!

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