Αιχμηρό HTML <img> src attribute

HTML <img> ετικέτα

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

Απαιτητικό src Αντικείμενο που καθορίζει τη URL της εικόνας

Υπάρχουν δύο τρόποι για να ορίσετε τη URL της εικόνας στο αντικείμενο src Ορίζει τη URL στο αντικείμενο:

1. Αποτελεσματικές URL - Σύνδεση με εξωτερικές εικόνες που托管ούνται σε άλλους ιστότοπους. Για παράδειγμα:

src="https://www.codew3c.com/images/img_girl.jpg"

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

2. Σχετικές URL - Σύνδεση με εικόνες που托管ούνται στο εσωτερικό του ιστότοπου.

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

src="img_girl.jpg".

Αν η URL ξεκινά με μια κλίμακα, θα είναι σχετική προς το όνομα του domυνού. Για παράδειγμα:

src="/images/img_girl.jpg".

Σημείωση:Πιθανότατα είναι καλύτερο να χρησιμοποιήσετε σχετικές URL. Αν αλλάξετε το όνομα του домυνού, δεν θα προκαλέσετε αποσύνδεση.

Σημείωση:Αν ο περιηγητής δεν βρει την εικόνα, θα εμφανίσει το εικονίδιο κατεστραμμένης σύνδεσης και το κείμενο alt.

Σημείωση:Για να οργανώσουν την αποθήκευση των τεκμηρίων, οι δημιουργοί συχνά αποθηκεύουν τα αρχεία εικόνας σε έναν ξεχωριστό φάκελο και συνήθως ονομάζουν αυτούς τους φακέλους "pics" ή "images". Στο CodeW3C.com, οι μηχανικοί μας αποθηκεύουν τα περισσότερα συχνά χρησιμοποιούμενα εικόνες σε έναν φάκελο με το όνομα "i", όπου το "i" είναι συντομευση του "images". Η πλεονεκτία αυτής της διαδικασίας είναι ότι μπορεί να απλοποιήσει τον δρόμο στο μέγιστο βαθμό.

Παράδειγμα

Στο παρακάτω παράδειγμα, έχουμε εισάγει μια φωτογραφία τριανθάκων που τραβήχτηκε από έναν μηχανικό του CodeW3C.com στο Shanghai Fresh Flower Port, η ονομασία του αρχείου φωτογραφίας είναι "eg_tulip.jpg", και αποθηκεύεται στον φάκελο "i" του διακομιστή. Αυτό είναι το κώδικα:

<img src="/i/eg_tulip.jpg" />

Το αποτέλεσμα του παραπάνω κώδικα:


Δοκιμάστε το個人

Σημείωση:Μπορείτε να το δοκιμάσετε στον διαδικτυακό μας εργαλείο δοκιμώνΔοκιμάστε το個人，Αν αλλάξετε το όνομα του αρχείου στην παράδειγμα σε "eg_chinarose.jpg", θα δείτε μια φωτογραφία λουλουδιού. όπως αυτό:

Πηγαίο κείμενο:

<img src="/i/eg_chinarose.jpg" />

Το αποτέλεσμα του παραπάνω κώδικα:

Γλώσσα

<img src="URL">

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
URL

Ορίζει τη διεύθυνση URL της εικόνας.

Πιθανές τιμές:

  • Αποτελεσματικός URL - Οδηγεί σε άλλο ιστοχώρο (π.χ. src="http://www.example.com/image.gif")
  • Αποτελεσματικός URL - Οδηγεί σε αρχεία εντός του ιστοχώρου (π.χ. src="image.gif")

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

HTML <img> ετικέτα