HTML5 part 1: New Tags

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από Basilakis » 24 Απρ 2010 19:15

Σε αυτά τα βοηθήματα θα δούμε μερικά από τα tags της HTML5 και tags τα οποία μπορούμε να χρησιμοποιήσουμε και τώρα.


<article> Tag
Το συγκεκριμένο tag αφορά το content μας το οποίο είναι σαν άρθρο, το κείμενο σε κάποιο blog, το κείμενο απο forum ή οποιοδήποτε άλλο content απο μια εξωτερική πηγή.

<aside> Tag
Αυτό το tag προσδιορίζει το περιεχόμενο το οποίο δεν έχει άμεση σχέση με το περιεχόμενο μέσα στο οποίο έχει τοποθετηθεί. παρόλα αυτά το aside content πρέπει να έχει κάποια σχέση με το γύρω γύρω content

<audio> Tag
Αυτό το tag προσδιορίζει οτι υπάρχει ήχος, μουσικό audio stream κτλ

<canvas> Tag
Το canvas tag χρησιμοποιείται για να δείξουμε graphics. Το canvas παρόλα αυτά είναι μόνο ένα container για τα γραφικά. Για να τα "ζωγραφίσουμε" πρέπει να χρησιμοποιήσουμε κάποιο script.

<command> Tag
Το command tag προσδιορίζει ένα command button, όπως ένα radiobutton ένα checkbox ένα κουμπί. Το command element πρέπει να είναι μέσα σε ένα menu element, αλλιώς δεν θα μπορεί να εμφανιστεί.

<datalist> Tag
To datalist tag προσδιορίζει μια λίστα από επιλογές. Χρησιμοποιούμε αυτό μαζί με το input element για να ορίσουμε τις τιμές που έχουν τα input elements. Το datalist και τα options δεν θα εμφανιστούν, είναι μόνο μια λίστα από inputs.

<details> Tag
Το details tag χρησιμοποιείται για να περιγράψει details για ένα document ή για διάφορα κομμάτια από ένα document.

<embed> Tag
Χρησιμοποιείται για να περιγράψουμε embedded content, όπως ένα plug-in.

<figcaption> Tag
Το <figcaption> tag εμπεριέχει το caption από το figure element. Το figcaption πρέπει να τοποθετείτε στο πρώτο ή στο τελευταίο child από το figure element

<figure> Tag
Το <figure> tag χρησιμοποιείται για ένα group απο elements. Το περιεχόμενο μέσα στο figure είναι stand-alone content. Συνήθως το χρησιμοποιούμε για να εξυγήσουμε κάποια συγκεκριμένα κομμάτια ενός document αλλά μπορεί να χρησιμοποιηθεί και σε άλλα κομμάτια.

<footer> Tag
Το footer tag ορίζει την περιοχή που είναι το footer απο ένα section ή απο ένα document. Συνήθως περιέχει τον author, την ημερομηνία ή κάποιες πληροφορίες επικοινωνίας.

<header> Tag
Περιέχει τις εισαγωγικές πληροφορίες ενός document.

<hgroup> Tag
To <hgroup> tag προσδιορίζει την περιοχή με headings μέσα σε ένα document. Αυτό που κάνει είναι αν δημιουργεί ένα group απο τα headers, h1 - h6, όπο το μεγαλύτερο header που χρησιμοποιούμε είναι και το βασικό heading στο section και τα υπόλοιπα είναι sub-headings.

<keygen> Tag
Προσδιορίζει ένα generated key

<mark> Tag
Προσδιορίζει το επιλεγμένο κείμενο. Χρησιμοποιήστε το mark tag εάν θέλετε να δώσετε έμφαση σε κάποια σημεία του κειμένου σας.

<meter> Tag
Χρησιμοποιείται για τις μετρήσεις. Το χρησιμοποιούμε μόνο όταν ξέρουμε την μικρότερη αλλά και την μεγαλύτερη τιμή.

<nav> Tag
Ορίζει μια περιοχή μέσα στην οποία είναι το navigation της σελίδας

<output> Tag
Ορίζει διάφορα είδη απο output όπως για παράδειγμα ένα output απο ένα script

<progress> Tag
Ορίζει όταν κάτι είναι "Work-In-Progress". Χρησιμοποιούμε αυτό το element για να δείξουμε για παράδειγμα όταν κάτι είναι time consuming, όπως μια function σε Javascript.

<section> Tag
To section tag χρησιμοποιείτε για να ορίσουμε μια περιοχή μέσα σε ένα document. Τέτοιες περιοχές είναι το header, το footer, content και οποιαδήποτε άλλη περιοχή μέσα σε ένα document.

<source> Tag
Ορίζει media resources για διάφορα media elements όπως το <video> και το <audio>

<summary> Tag
Χρησιμοποιείται για να περιγράψει πληροφορίες για ένα document

<time> Tag
Ορίζει ημερομηνία και ώρα

<video> Tag
Ορίζει Videο, movice clicks video streams, χωρίς να χρειάζεται να φορτώσετε έναν άλλο video player.

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27626
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από cordis » 24 Απρ 2010 19:23

πολύ ωραία... ίσως θα πρέπει να φτιάξουμε περιοχή μόνο για την html5;
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από Basilakis » 24 Απρ 2010 19:39

Sure... θα μπορούσε γιατί έτσι όπως έχει αναπτυχθεί πλέον, με τις προγραμματιστικές προσθήκες, μιλάμε και για html5 development όχι απλώς design :)

Άβαταρ μέλους
unik
Δημοσιεύσεις: 60
Εγγραφή: 11 Απρ 2008 18:05
Τοποθεσία: Θεσσαλονίκη

HTML5 part 1: New Tags

Δημοσίευση από unik » 10 Μάιος 2010 08:07

Thnx Basilakis
Πολύ ενδιαφέρων τα νέα tags.

Έχει κανείς υπόψιν πώς πάνε από browser compatiblity? :roll:

omorfipoli
Δημοσιεύσεις: 19
Εγγραφή: 22 Οκτ 2009 15:29
Τοποθεσία: αθήνα
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από omorfipoli » 10 Μάιος 2010 08:42

μήπως κανείς ξερει τίποτα σχετικό με την σχέση IE και HTML5 ;
διαβάστε μας, http://www.omorfipoli.com

omorfipoli
Δημοσιεύσεις: 19
Εγγραφή: 22 Οκτ 2009 15:29
Τοποθεσία: αθήνα
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από omorfipoli » 10 Μάιος 2010 15:52

Δείτε εδώ browser compatiblity

http://www.deepbluesky.com/blog/-/brows ... -html5_72/
διαβάστε μας, http://www.omorfipoli.com

Άβαταρ μέλους
unik
Δημοσιεύσεις: 60
Εγγραφή: 11 Απρ 2008 18:05
Τοποθεσία: Θεσσαλονίκη

HTML5 part 1: New Tags

Δημοσίευση από unik » 10 Μάιος 2010 16:02

lol
Βλέπω ότι όπως πάντα ο ΙΕ είναι ανοιχτός σε νέες τεχνολογίες...
Αν και από την υποστήριξη των υπόλοιπων δεν μπορώ να πω ότι εντυπωσιάστηκα.

Θενκς omorfipoli 8)

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από korgr » 10 Μάιος 2010 20:29

Οπως εχω ξαναπει, παρακαλαμε να εξαφανιστει ο ΙΕ6 και δεν συνειδητοποιουμε πως απλα θα αλλαξει νουμερο. Θα εχουμε να τα χωνουμε στον 8, τον 9 ...τον 10 :lol:

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

HTML5 part 1: New Tags

Δημοσίευση από dimsis » 10 Μάιος 2010 22:33

Όχι αν ο 9 ή ο 10 υποστηρίζουν 100% τα web standards Νότη. Μετά γιατί να τα χώνει κανείς αφού δεν θα χρειάζεται να κάνει τις πατέντες για να εμφανίζονται σωστά οι σελίδες του;
Ήδη στην Microsoft όσο βλέπουν να μειώνονται οι χρήστες του IE τόσο περισσότερο κοιτάνε πλέον έκδοση με την έκδοση να συμβαδίζουν με τα standards.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από korgr » 10 Μάιος 2010 23:06

dimsis έγραψε:Όχι αν ο 9 ή ο 10 υποστηρίζουν 100% τα web standards Νότη. Μετά γιατί να τα χώνει κανείς αφού δεν θα χρειάζεται να κάνει τις πατέντες για να εμφανίζονται σωστά οι σελίδες του;
Ήδη στην Microsoft όσο βλέπουν να μειώνονται οι χρήστες του IE τόσο περισσότερο κοιτάνε πλέον έκδοση με την έκδοση να συμβαδίζουν με τα standards.
Μακαρι ρε Δημητρη, εχει φοβηθει το ματι μου!
Ηδη και ο 8 θελει τα δικα του τερτιπια για html5 ή κανω λαθος;
Για css3 δεν ξερω γιατι δεν εχω ασχοληθει καθολου ακομα.

Βεβαια δεν ειναι μονο θεμα web standards νομιζω
Και το margin στα web standards ανηκει, αλλα αν ο ταδε browser το υπολογιζει εξω ή μεσα απο το παχος του border και το default αlign αλλος το θεωρει center και αλλος left, ειναι ενα ερωτημα που θα περιμενουμε να απαντηθει...

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

HTML5 part 1: New Tags

Δημοσίευση από dimsis » 11 Μάιος 2010 00:01

Ναι ο 8άρης δεν υποστηρίζει html5 (αν εξαιρέσεις το @font-face) και css3 οπότε μόνο με κολπάκια κάνεις δουλειά. ( Comparison of layout engines (HTML5) )
Στον 9άρη κάτι γίνετε http://www.freestuff.gr/forums/viewtopic.php?t=48734 και http://gizmodo.com/5494574/internet-exp ... with-html5 και μέχρι την final παίζει να στρώσει και άλλο.

Όπως το βλέπω Νότη είναι μονόδρομος και για την MS αν δεν θέλει να χάσει το παιχνίδι. Να γλιτώσουμε και εμείς από την έξτρα τζάμπα δουλειά και χάσιμο χρόνου. Πιστεύω σε 2 χρόνια από τώρα οι πιο διαδεδομένοι browsers στις τελευταίες τους εκδόσεις θα περνάνε με 100% το τελευταίο acid test.

omorfipoli
Δημοσιεύσεις: 19
Εγγραφή: 22 Οκτ 2009 15:29
Τοποθεσία: αθήνα
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από omorfipoli » 11 Μάιος 2010 04:20

Αυτοί όλοι ενδιαφέρονται για το mass production. Ας προετοιμαστούμε να γεμίσουμε διαβαστήρια τύπου ipad. Θα μας βλέπουν οι πιτσιρικάδες με κάνα παλιό mac ή κάνα pc να δουλεύουμε και θα ρωτάνε "ρε φίλε τι είναι αυτή η κουζίνα πάνω στο γραφείο σου;" Θέλω να πω ότι από δω και πέρα η βιομηχανία θα ενδιαφέρεται όλο και λιγότερο για μας. Το web2 έχει και την πολύ σκοτεινή του πλευρά. Κι όταν πιά το css3 και η html5 θα είναι κοινός τόπος για όλους, θα έχει πλεόν πολύ μικρή σημασία. Κάθε φορά που γράφουμε κάτι στο fb κόβουμε μέρες απο την δουλειά μας. Κάνω κάπου λάθος;
διαβάστε μας, http://www.omorfipoli.com

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

HTML5 part 1: New Tags

Δημοσίευση από dimsis » 11 Μάιος 2010 09:46

omorfipoli προσωπικά δεν κατάλαβα τι θέλεις να πεις.
"από δω και πέρα η βιομηχανία θα ενδιαφέρεται όλο και λιγότερο για μας" Ποιούς εμάς;
"Κάθε φορά που γράφουμε κάτι στο fb κόβουμε μέρες απο την δουλειά μας" Ποιά δουλειά μας και γιατί;

Για αυτό που γράφεις για τα διαβαστήρια τύπου ipad και τα παλιά pc και mac, λογικά εννοείς πως θα γεμίσει ο τόπος tablets και slates και τα υπόλοιπα μηχανήματα θα εξαφανιστούν;
Αυτά τα μηχανήματα τα θεωρώ καλά ως εναλλακτικά, ευκολομεταφέρσημα και πλησιάζουν σε αυτό που επιθυμώ και περιμένω να δω στο μέλλον, αλλά δεν νομίζω πως είναι σε θέση να εξαφανίσουν ακόμα πληκτρολόγια και ποντίκια (δυστυχώς!) ιδιαίτερα για αυτούς που παράγουν με τους υπολογιστές και δεν κάνουν απλώς χρήση. Ακόμα και να μπορέσουν να προσφέρουν την ακρίβεια και την ταχύτητα που χρειαζόμαστε π.χ. για σχεδίαση ή εισαγωγή δεδομένων δεν βλέπω κάτι τέτοιο να είναι σε θέση να "κόψει" δουλειές, ούτε ασφαλώς να εξαφανίσουν τους browsers. Ίσα ίσα που η τεχνολογία εδώ και περίπου μισό αιώνα, ανοίγει νέες θέσεις εργασίας και προσφέρει δουλειές.

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από Basilakis » 11 Μάιος 2010 09:57

omorfipoli έγραψε: Κάθε φορά που γράφουμε κάτι στο fb κόβουμε μέρες απο την δουλειά μας.
Εγώ νόμιζα πως πεθαίνει ένα γατάκι

omorfipoli
Δημοσιεύσεις: 19
Εγγραφή: 22 Οκτ 2009 15:29
Τοποθεσία: αθήνα
Επικοινωνία:

HTML5 part 1: New Tags

Δημοσίευση από omorfipoli » 11 Μάιος 2010 10:36

χα χα χα! Αυτό με το γατάκι μου άρεσε! Ωραίος!

Τα πράγματα δεν υπάρχουν για να είναι καλά ή κακά.
Υπάρχουν για να είναι προϊόντα.
Κι εμείς δεν είμαστε το είδος της πελατείας τους.
Στο άμεσο μέλλον μπορεί να μην είμαστε και καθόλου.
Αυτά που γράφω Dimsis τα γράφω λίγο πικρόχολα μεν και λίγο υπερβολικά αλλά ξέρεις τέτοιες ιδέες μου έρχονται όταν διαβάζω άρθρα τύπου http://www.log.gr/read.cfm?id=4210 EULA στο δικό σου log.gr.
διαβάστε μας, http://www.omorfipoli.com

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης