Shoti Posted October 21, 2013 Share Posted October 21, 2013 გამარჯობა, თემაში მინდა გესაუბროთ HTML5 - ის სწორ სემანტიკურ აგებაზე. სემანტიკა თავის თავში გულისხმობს ვებ დოკუმენტში ამა თუ იმ ელემენტის შესაბამისი ტეგებით გაფორმებას. გასათვალისწინებელია ისიც,რომ სემანტიკურად სწორად აგებული დოკუმენტი კარგად მოქმედებს SEO - ზეც... როგორც იცით HTML5 - ში რეალიზებული იქნა რამდენიმე ახალი ტეგი, რომლებსაც აქვთ სემანტიკური დატვირთვა, სწორედ ამ ტეგებზე მინდა გავამახვილო ყურადღება. როცა ამ თემის დაწერა გადავწყვიტე არჩევანი მქონდა ორ ვარიანტს შორის: პირველი - ჩამომეწერა ეს ტეგები შესაბამისი განმარტებებით. მეორე - დამეწერა პატარა კოდი ამ ტეგების გამოყენებით და გამეფორმებინა კომენტარებით. არჩევანი მეორეზე შევაჩერე, ვფიქრობ ცალსახაა, რომ კოდში უკეთ აღიქმება ყველაფერი. მოკლედ დავიწყოთ <!DOCTYPE html> <html lang="ka"> <head> <title>HTML5 Semantic Structure</title> <meta charset="utf-8" /> </head> <body> <header> <!-- header განსაზღვრავს ვებ დოკუმენტის ან/და სექციის თავს. header - ის გამოყენება მრავალჯერ შეგვიძლია დიკუმენტში სადაც იქნება საჭირო რაიმის დასათაურება --> <nav> <!-- ტეგი <nav> გამოიყენება ნავიგაციის ასაგებად, <nav> - ტეგის გამოყენება ხშირად ხდება <footer> - ში ჩამონათვლის გაკეთების დროს --> <ul> <li>პირველი</li> <li>მეორე</li> </ul> </nav> </header> <article> <!-- <article> განსაზღვრავს ბლოგ-პოსტის, კომენტარის ან კონტენტის შემადგენლობას --> <header> <!-- აქ <header> - ის და <footer> - ის სახმარებით აღვწერე სათაური და მისი აღწერა --> <h2>რაღაცა</h2> </header> <footer> <p>ქვე რაღაცა</p> </footer> <section> <!-- <section> განსაზღვრავს თემატურად დაჯგუფებულ კონტენტს ამ შემთვავში ბლოგ-პოსტს --> <p>ლორემ იპსუმ მოწაფე გარდასული სულიც ტუჩებში <mark>ლორემ იპსუმ</mark> <!-- <mark> გამოიყენება ტექსტი ან სიტყვის გამოსაკვეთად ძირითადი ნაწილიდან --> ფოტოებს სიიდან ფრიალით ვოლტერი დაგედებოდეს უზიარებს</p> </section> </article> <aside> <!-- <aside> ძირითადან გამოიყენება დამხმარე, მარჯვენა ან მარცხენა სვეტების ასაგებად --> <article> <h2>ლორემ იპსუმ</h2> <p>ლორემ იპსუმ თვლემსო ჩაიცვით ყმადაო დანაა სათათბიროს ჩერინგს ვიტრინებზე გამიხადოს ეშმაკური.</p> </article> </aside> <footer> <!-- <footer> წარმოადგენს დოკუმენტისა ან სექციის დაბოლოვებას, როგორც წესი footer ელემენტი შეიცავს მეტა ინფორმაციას მისი მშობელი სექციის შესახებ --> <address> <!-- <address> წარმოადგენს მისი შემცველი სექციის საკონტაქტო ინფორმაციას --> <a href="#">Shoti</a> </address> </footer> </body> </html> პრინციპში ეს იყო რისი თქმაც მინდოა, განვიხილესავით: <header> <nav> <article> <section> <aside> <address> <footer> ვფიქრობ საკმარისია. რათქმაუნდა არანაირი პრეტენზია არ მაქვს სისრულეზე ან უშეცდომობაზე მადლობთ ყურადღებისთვის 5 Quote Link to comment Share on other sites More sharing options...
OpTiMeR Posted October 21, 2013 Share Posted October 21, 2013 შენ საჭირო კაცი ხარ და კარგია რო დარეგისტრირდი.. კარგი და სასარგებლო პოსტია! 1 Quote Link to comment Share on other sites More sharing options...
RaZma Posted October 21, 2013 Share Posted October 21, 2013 მადლობა კარგი იყო... ასე გააგრძელე! Quote Link to comment Share on other sites More sharing options...
Shopen Posted October 21, 2013 Share Posted October 21, 2013 კარგია ) ) Quote Link to comment Share on other sites More sharing options...
Shoti Posted October 21, 2013 Author Share Posted October 21, 2013 შენ საჭირო კაცი ხარ და კარგია რო დარეგისტრირდი.. კარგი და სასარგებლო პოსტია! მადლობა კარგი იყო... ასე გააგრძელე! მადლობა თქვენ კარგია ) ) გიპასუხე. Quote Link to comment Share on other sites More sharing options...
GIBSON Posted October 22, 2013 Share Posted October 22, 2013 seo-სთვის დიდ არაფერ შედეგს არ იძლევა "ამჟამად", არც რანქის ასამაღლებლად აქვს რაიმე უპირატესობა. არის ფორუმები სადაც ასევე ამბობენ. პატარა რამდენიმე გვერდიანი საიტისთვის კიდევ მისაღებია, მაგრამ ამჟამად მე მაინც ძველ მეთოდზე ვრჩები როგორც უმეტესობა. სანამ არ გახდება სტანდარტულად გამოყენებადი. კარგია განყოფილებას რომ წევ მაგრამ, ისე კი დამწყებმა რომ დახედოს მაგ კოდს არამგონია მასე რაიმე გაიგოს. ცოტა მეტი ინფო დაგვედო თავის მაგალითებით. Quote Link to comment Share on other sites More sharing options...
Shoti Posted October 22, 2013 Author Share Posted October 22, 2013 seo-სთვის დიდ არაფერ შედეგს არ იძლევა "ამჟამად", არც რანქის ასამაღლებლად აქვს რაიმე უპირატესობა. არის ფორუმები სადაც ასევე ამბობენ. პატარა რამდენიმე გვერდიანი საიტისთვის კიდევ მისაღებია, მაგრამ ამჟამად მე მაინც ძველ მეთოდზე ვრჩები როგორც უმეტესობა. სანამ არ გახდება სტანდარტულად გამოყენებადი. კარგია განყოფილებას რომ წევ მაგრამ, ისე კი დამწყებმა რომ დახედოს მაგ კოდს არამგონია მასე რაიმე გაიგოს. ცოტა მეტი ინფო დაგვედო თავის მაგალითებით. არვიცი სად და რას კითხულობ,მაგრამ მოქმედებს და ლოგიკურია, რომ უნდა იმოქმედოს კიდეც, ასევე screenreader - ებზე. და ვფიქრობ არუნდა იყოს სადავო,რომ კოდი სემანტიკურად სწორად უნდა იყოს აგებული. სტანდარტს რაც შეეხება უკვე პრობლემების გარეშეა HTML5 - ზე წერა, რა პრობლემა შეგექმნა? ხოდა რავიცი ვწეროთ მეტი რა პრობლემაა ისე შენ ილიაში სწავლობ მგონი ხო? Quote Link to comment Share on other sites More sharing options...
პითონი Posted October 22, 2013 Share Posted October 22, 2013 ყოჩაღ,კარგია Quote Link to comment Share on other sites More sharing options...
GIBSON Posted October 22, 2013 Share Posted October 22, 2013 სეოზე კარგად მოქმედებსო და მაშინ რით მოქმედებს კონკრეტულად გვითხარი. რანქინგს მაგით ვერ აიწევ და სხვაგვარად ისედაც მშვენივრად მოქმედებს. ისე თუ გინდა მერე ავიღოთ და ტუტორიალი გავაკეთოთ მარქაფის სრულად. რაიმე მარტივი პსდ ვნახოთ და აწყობის პროცესს გადავუღოთ საინტერესო იქნება. ერთნაირი პსდ ვნახოთ გადავიღოთ და ავტვირთოთ და მერე შევაფასოთ ერთმანეთის :) Quote Link to comment Share on other sites More sharing options...
Shoti Posted October 23, 2013 Author Share Posted October 23, 2013 სეოზე კარგად მოქმედებსო და მაშინ რით მოქმედებს კონკრეტულად გვითხარი. რანქინგს მაგით ვერ აიწევ და სხვაგვარად ისედაც მშვენივრად მოქმედებს. ისე თუ გინდა მერე ავიღოთ და ტუტორიალი გავაკეთოთ მარქაფის სრულად. რაიმე მარტივი პსდ ვნახოთ და აწყობის პროცესს გადავუღოთ საინტერესო იქნება. ერთნაირი პსდ ვნახოთ გადავიღოთ და ავტვირთოთ და მერე შევაფასოთ ერთმანეთის Why Should I Use Semantic HTML? You could just say: "because it's the right thing for the web," but it's benefits go far beyond that. For instance, it makes it easier for screenreaders to interpret in an order that will make sense to users with visual impairments. Secondly, SEO and Semantic HTML are close friends. They might sometimes have conflicts of interest, which we'll get to later on in this document, but over all, they're friends. The purpose of SEO is to help search engine spiders better understand what a page is about and therefore categorize them better. Since a search engine spider basically has even less capabilities than a screenreader, it needs even more guidance in determining a page's structure and topic. Good semantic HTML provides just that structure. Semantic HTML tries to convey meaning through the words and the tags on a page. Try thinking of it this way: the content on the page is the words you speak. The tags provide the structure, the intonation, the pauses and even the looks on your face. Basically, your tags are half your message. http://dev.opera.com/articles/view/semantic-html-and-search-engine-optimiza/ რატომაც არა,საინტერესო იქნება,მაგრამ პსდ - ს იმდენ ჭრა/კერვა უნდა მაგხელა ვიდეოს ჩაწერისას დავიტანჯებით მგონი,თან არასდროს არაფერი ჩამიწერია მე. საწყის ეტაპზე მაშინ რაიმე მარტივი გავაკეთოთ პსდ-ს გარეშე, ანუ ვთქვათ რომ ექნება ჰედერი,ლოგო,მენიუ,მარჯვება ან მარცხენა ან ორივე საიდბარი,კონტენტი,ფუთერი... მოკლედ სტანდარტული რა და გავაკეთოთ. Quote Link to comment Share on other sites More sharing options...
GIBSON Posted October 23, 2013 Share Posted October 23, 2013 კაი გავატარეთ, მასე მეც დავდებ საპირისპირო სტატიებს პსდ-ს დაჭრას, ფოტოშოპს ნუ გადავუღებთ, უკვე დაჭრილზე გავაკეთოთ რაიმე პატარა ვნახოთ, დიდი დრო რომ არ წაიღოს, ერთი გვერდი Quote Link to comment Share on other sites More sharing options...
Shoti Posted October 23, 2013 Author Share Posted October 23, 2013 კაი გავატარეთ, მასე მეც დავდებ საპირისპირო სტატიებს პსდ-ს დაჭრას, ფოტოშოპს ნუ გადავუღებთ, უკვე დაჭრილზე გავაკეთოთ რაიმე პატარა ვნახოთ, დიდი დრო რომ არ წაიღოს, ერთი გვერდი კი ბატონო.ნახავ რამეს შენ?თუ მეც ვეძებო? უბრალოდ ხვალ კახეთში მივდივარ,ორშაბათს ჩამოვალ და გავაკეთოთ,კარგი უნდა გამოვიდეს მგონი Quote Link to comment Share on other sites More sharing options...
GIBSON Posted October 23, 2013 Share Posted October 23, 2013 კაი მერე იყოს თუ მიდიხარ. მაქამდე გავაკეთებ მე. თუ არ დამეზარა Quote Link to comment Share on other sites More sharing options...
Shopen Posted January 20, 2014 Share Posted January 20, 2014 html5 ხო უფრო პერსპექტიულია? html ზედაპირულად ვიცი ხოდა პირდაპირ html5&css3 რო ვისწავლო არა? დავიბენი Quote Link to comment Share on other sites More sharing options...
GIBSON Posted January 20, 2014 Share Posted January 20, 2014 თავიდან მიყევი, მასე ხტომიალით არ გამოვა. მარტო ტეგების სახელების ცოდნა არაა. ბევრი უნდა აწყო და სხვადასხვა სტრუქტურის ბლოკების სწორად დალაგება და გასტილვა უნდა დაამუღამო ჯერ Quote Link to comment Share on other sites More sharing options...
Shopen Posted January 20, 2014 Share Posted January 20, 2014 თავიდან მიყევი, მასე ხტომიალით არ გამოვა. მარტო ტეგების სახელების ცოდნა არაა. ბევრი უნდა აწყო და სხვადასხვა სტრუქტურის ბლოკების სწორად დალაგება და გასტილვა უნდა დაამუღამო ჯერ აჰა ანუ სჯობს მივყვე html xhtml css javascript php ასე ხო? Quote Link to comment Share on other sites More sharing options...
GIBSON Posted January 25, 2014 Share Posted January 25, 2014 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.