ამ ორ ტერმინს შორის განსხვავებაა
ვებ დიზაინი, ისევე როგორც ნებისმიერი ინდუსტრია ან პროფესია, აქვს ენის ყველა საკუთარი. როგორც შედიხარ ინდუსტრიაში და დაიწყე თანატოლებთან საუბარი, თქვენ უდავოდ გადაეყარებით წესებს და ფრაზებს, რომლებიც ახალია, მაგრამ რომელია შენი პროფესიონალი პროფესიონალების ენები. ორი თვალსაზრისით თქვენ მოისმენთ HTML "tag" და "ელემენტს".
როგორც ეს ორი სიტყვის მოსმენას გეტყვით, შეიძლება გააცნობიერონ, რომ ისინი გარკვეულწილად იყენებენ ერთმანეთს. როგორც ასეთი, ერთი შეკითხვა, რომ ბევრი ახალი ვებ პროფესიონალები, როდესაც ისინი დაიწყოს მუშაობა HTML კოდი არის "რა განსხვავებაა HTML Tag და HTML Element?"
მიუხედავად იმისა, რომ ეს ორი ტერმინი მსგავსია, ისინი სინამდვილეში სინამდვილეში არ არიან. რა მსგავსებაა ამ ორ ტერმინთან? მოკლე პასუხი არის ის, რომ ორივე ტეგები და ელემენტები ეხება მარკირებას გამოყენებული HTML. მაგალითად, შეიძლება ითქვას, რომ თქვენ იყენებთ
ტეგტს, რათა განისაზღვროს პუნქტი ან ელემენტის შექმნა ბმულები. ბევრი ადამიანი გამოიყენებს პირობებს tag და ელემენტს interchangeably და ნებისმიერი ვებ დიზაინერი ან დეველოპერი თქვენ საუბარი გვესმოდეს, თუ რას ნიშნავდა, მაგრამ რეალობა ის არის, რომ არსებობს უმნიშვნელო განსხვავება ორ ვადას.
HTML ტეგები
HTML არის მარკირებული ენა , რაც იმას ნიშნავს, რომ ის დაწერილია კოდით, რომელსაც შეუძლია წაიკითხოს პირი, რომელსაც არ უნდა ჰქონდეს შედგენა პირველი. სხვა სიტყვებით რომ ვთქვათ, ვებ-გვერდზე განთავსებული ტექსტი არის "აღინიშნება" ამ კოდებით, რათა ვებ-ბრაუზერის ინსტრუქციები მისცეს ტექსტს. ეს მარკირების tags არიან HTML ტეგები თავად.
HTML- ზე წერთ, HTML წერილებს ვწერ. ყველა HTML tags შედგება რიგი კონკრეტული ნაწილები, მათ შორის:
- ნაკლები ნიშანი <
- სიტყვა ან ხასიათი, რომელიც განსაზღვრავს, რომელი ტეგი იწერება
- ნებისმიერი სასურველი HTML ატრიბუტის ნებისმიერი რიცხვი სახელი = "ღირებულების" წყვილის სახით
- და საბოლოოდ უფრო მეტი ვიდრე ნიშანი>
მაგალითად, აქ არის HTML ტეგები:
-
-
ეს არის ყველა HTML გახსნის tags, ყოველგვარი დამატებითი ატრიბუტები დაემატა მათ. ეს ტეგები წარმოადგენენ:
-
- განსაზღვრავს პუნქტს.
- - განსაზღვრავს გვერდს, როგორც HTML
- - განსაზღვრავს სამმართველოს.
ქვემოთ მოცემულია HTML ტეგები:
-
ეს მაგალითები ყველა მოიცავს ატრიბუტებს, რომლებიც დაემატა HTML ტეგების გახსნას.
-
- არის უწესრიგო სია, რომელიც მოიცავს ID ატრიბუტს
- განყოფილებას აქვს კლასის ატრიბუტი
- წამყვანი, ან ბმული, ელემენტი მოიცავს "href" ატრიბუტი
- სურათის ტეგით "src" ატრიბუტით
წამყვანის და გამოსახულების tags, ატრიბუტები ფაქტობრივად არ არის სურვილისამებრ, ისინი აუცილებელია იმ tags არიან სწორად. თქვენ უნდა გითხრათ ბმული, სადაც უნდა წავიდეთ (რა არის "href" აკეთებს) და გამოსახულება რა უნდა აჩვენოს (რაც "src" ატრიბუტი უზრუნველყოფს).
რა არის HTML ელემენტები
W3C HTML- ის სპეციფიკაციის მიხედვით, ელემენტი HTML- ის ძირითადი შენობის ბლოკირებაა და, როგორც წესი, ორი ტეგებისგან შედგება: გახსნის ტეგი და დახურვის ტეგი. ჯერჯერობით ჩვენ მხოლოდ შევხედე ტეგების გახსნას, რომელიც იწყებს ელემენტებს. ამ ელემენტის დასამთავრებლად, ჩაწერეთ შესაბამისი დახურვის tags.
მაგალითად, პუნქტის ელემენტისთვის თქვენ წერენ:
p>
ეს შედგება გახსნის ტეგიდან, რომელიც ჩვენ ვნახეთ მომენტში, ისევე როგორც დახურვის ტეგით - p>. დახურვის tags მართლაც მხოლოდ გახსნის tag განმეორებითი, მაგრამ "ნაბიჯია slash" დასძინა პირდაპირ შემდეგ "ნაკლები სიმბოლო".
თითქმის ყველა HTML ელემენტის აქვს გახსნის ტეგი და დახურვის tag. ეს ტეგები აკმაყოფილებენ ტექსტს, რომელიც ვებ-გვერდზე იქნება ნაჩვენები. მაგალითად, ჩაწერეთ ტექსტის პარაგრაფი, ჩაწერეთ ტექსტი გვერდზე და შემდეგ გარს მასთან ერთად:
ეს არის სადაც შეგიძლიათ დაწეროთ იმ პუნქტის ტექსტი, რომელიც გსურთ იხილოთ ვებგვერდზე. p>
ზოგიერთი HTML ელემენტის დახურვა არ არის. ისინი "ცარიელ ელემენტებს" უწოდებენ. ზოგჯერ, ისინი ასევე მოიხსენიება როგორც " singleton " ან "void" ელემენტები. ცარიელი ელემენტები ადვილად გამოსაყენებელია, რადგან თქვენ მხოლოდ ერთი ტეგი უნდა შეიყვანოთ თქვენს ვებ გვერდზე და ბრაუზერი იცის, რა უნდა გააკეთოს. მაგალითად, დაამატოთ ერთი ხაზი შესვენების თქვენს გვერდზე თქვენ გამოიყენოთ ბ ტოჯი.
კიდევ ერთი საერთო ელემენტი, რომელიც მხოლოდ გახსნის ტეგს წარმოადგენს "გამოსახულების" ელემენტი. მაგალითად:
ადრე ეს მაგალითი ვნახეთ, მაგრამ ამ სურათის ელემენტის დახურვა არ არის. ბრაუზერი უბრალოდ შეცვლის ამ კოდს სურათს, რომელიც მითითებულია "href" ატრიბუტში. ამ შემთხვევაში, ეს იქნება "logo.png".
ზოგადად, როდესაც ვკითხულობ HTML ელემენტს ან tag, მე გამოვიყენებ ტერმინს "ელემენტს", მიუთითებს იმაზე, რომ მე ვგულისხმობ ელემენტის ყველა ნაწილს (როგორც გახსნა და დახურვის ტეგები). მე ვიყენებ "tag" მე ნამდვილად მხედველობაში მხოლოდ ერთი ან მეორე. ეს არის სათანადო გამოყენება ამ ორი თვალსაზრისით და მე მხარს ვუჭერ მათ სწორად გამოიყენოთ - მაგრამ ვიცი, რომ თუ ისინი გადაიჩეხო და გადააქვთ ცოტათი, მაინც გაიგებთ თქვენს ახალ ვებ-გვერდებს!
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 7/21/17
-