Χρήση του χαρακτηριστικού class
Το χαρακτηριστικού class της γλώσσας HTML μας δίνει τη δυνατότητα να ορίσουμε διαφορετικά στυλ μορφοποίησης για κάθε στοιχείο που έχει το ίδιο όνομα κλάσης.
Ακολουθεί παράδειγμα στο οποίο έχουμε τρια στοιχεία επιπέδου <div> που ανήκουν σε τρεις διαφορετικές κλάσεις:
—————————
<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px;
}
</style>
</head>
<body>
<div class=”cities”>
<h2>London</h2>
<p>London is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class=”cities”>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class=”cities”>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
</html>
—————————
Στην εικόνα φαίνεται το αποτέλεσμα της εκτέλεσης του παραπάνω κώδικα:
Εδώ μπορείτε να μάθετε περισσότερα για τη μορφοποίηση στην html.
Χρήση του χαρακτηριστικού class σε στοιχεία τύπου inline
Το χαρακτηριστικό class της γλώσσας html μπορεί επίσης να χρησιμοποιηθεί και μέσα σε στιχεία τύπου inline.
Αυτό φαίνεται στο παράδειγμα που ακολουθεί:
—————————
<!DOCTYPE html>
<html>
<head>
<style>
span.note {
font-size: 120%;
color: red;
}
</style>
</head>
<body>
<h1>My <span class=”note”>Important</span> Heading</h1>
<p>This is some <span class=”note”>important</span> text.</p>
</body>
</html>
—————————
Το αποτέλεσμα της εκτέλσης του παραπάνω κώδικα φαίνεται στην παρακάτω εικόνα
Εάν δεν γνωρίζετε καλά τη γλώσσα html τότε μπορείτε να διαβάσετε μια εισαγωγή στη γλώσσα html
Κλάσεις της html στην προώθηση ιστοσελίδων
Η προώθηση ιστοσελίδων στηρίζεται σε μεγάλο βαθμό στη χρήση των backlinks. Η ευχέρεια χειρισμού των κλάσεων της html μας επιτρέπει να εμφανίζουμε όλους τους συνδέσμους με ομοιομορφία. Είναι πολύ σημαντικό για την προώθηση μιας ιστοσελίδας να μην εκνευρίζουμε τον επισκέπτη, αλλά και να μην κόψουμε εντελώς τη μορφοποίηση κάνοντας αόρατο το σύνδεσμο. Αυτή η δουλειά θα γίνει μια φορά για κάθε σελίδα, και θα τυποποιηθεί μέσω των κλάσεων της html. Το ποιοτικό αποτέλεσμα θα εκτιμηθεί τόσο από τη google όσο και από τοςυ επισκέπτες και θα μας ανταμείψουν με άνοδο της ιστοσελίδας μας στα αποτελέσματα της κατάταξης του google. Εάν θέλετε η προώθηση της ιστοσελίδας σας να γίνει επαγγελματικά τότε δεν έχετε παρά να απευθυνθείτε στη dreamweaver.gr που έχει πολύ μεγάλη εμπειρία στην προώθηση ιστοσελίδων.
