Има разлика между тези две условия
Уеб дизайнът, както и всяка индустрия или професия, има собствен език. Когато влезете в бранша и започнете да говорите с вашите връстници, без съмнение ще се сблъскате с нови думи и фрази, които са нови за вас, но с потока на езиците на вашите колеги професионалисти в мрежата. Два от терминалите, които ще чуете, са HTML "tag" и "element".
Докато чувате тези две думи, може да осъзнаете, че те се използват малко взаимозаменяемо. Като такъв, един въпрос, който много нови професионалисти в мрежата имат, когато започнат да работят с HTML код, е "каква е разликата между HTML маркер и HTML елемент?"
Макар че тези два термина са сходни по смисъла, те всъщност не са синоними. И така, каква е сходството с тези две термини? Краткият отговор е, че и двата тагове и елементи се отнасят до маркировката, използвана за писане на HTML. Можете например да кажете, че използвате маркера
, за да дефинирате параграф или елемента за създаване на връзки. Много хора използват термините тагове и елементи взаимозаменяемо и всеки уеб дизайнер или разработчик, с когото говорите, ще разбере какво имате предвид, но реалността е, че има малка разлика между двата термина.
HTML Tags
HTML е маркиращ език , което означава, че той е написан с кодове, които могат да бъдат прочетени от човек, без да е необходимо първо да се компилира. С други думи, текстът на уеб страница се "маркира" с тези кодове, за да даде на уеб браузъра инструкции как да показва текста. Тези маркировки за маркиране са самите HTML тагове.
Когато пишете HTML, пишете HTML тагове. Всички HTML тагове се състоят от няколко конкретни части, включително:
- По-малко от знак <
- Дума или знак, които определят какъв маркер се записва
- Всеки брой незадължителни HTML атрибути под формата на двойка name = "value"
- И най-накрая знак по-голям от знак>
Например, тук са някои HTML тагове:
-
-
Това са всички маркери за отваряне на HTML, без добавени допълнителни атрибути. Тези маркери представляват:
-
- дефинира параграф.
- - дефинира страницата като HTML
- - дефинира разделение.
Следните са също и HTML тагове:
-
-
Всички тези примери включват атрибути, добавени към началните HTML маркери.
-
- е неорганизиран списък, който включва идентификационен номер
- Подразделението има атрибут на класа
- Елементът за закотвяне или връзка съдържа елемента "href"
- Маркерът на изображението с атрибут "src"
За етикетите за котва и изображения, атрибутите всъщност не са по избор, те са необходими за правилното показване на тези маркери. Трябва да кажете на връзката къде да отидете (което е това, което "href" прави) и изображението какво да покаже (което е това, което "src" атрибут предвижда).
Какви са HTML елементите
Според спецификацията на W3C HTML елементът е основният градивен елемент на HTML и обикновено се състои от два маркера : начален маркер и затварящ маркер. Досега сме разгледали само етикетите за отваряне, които стартират елементите. За да завършите този елемент, напишете съответните затварящи се тагове.
Например, за елемента на параграф, който пишете това:
Това се състои от етикета за отваряне, който видяхме преди малко, както и заключителния маркер - . Затварящите маркери са наистина само повторния маркер за отваряне, но с "наклонена черта" добавена директно след "по-малко от символ".
Почти всички HTML елементи имат начален маркер и затварящ маркер. Тези маркери обграждат текста, който ще се показва на уеб страницата. Например, за да напишете абзац от текст, напишете текста, който да се показва на страницата, и след това да го заобиколите с тези тагове:
Тук можете да напишете текста на параграфа, който искате да се показва на уеб страницата.
Някои HTML елементи нямат затварящ маркер. Те се наричат "празни елементи". Понякога те се наричат също като " единични " или "невалидни" елементи. Празните елементи са лесни за използване, защото трябва само да включите един маркер в уеб страницата си и браузърът ще знае какво да прави. Например, за да добавите прекъсване на един ред към страницата си, бихте използвали маркера b.
Друг обикновен елемент, който включва само начален маркер, е елементът "образ". Например:
Видяхме този пример по-рано, но няма затварящ маркер за този елемент на изображението. Браузърът просто ще замени този код с изображението, което е посочено в атрибута "href". В този случай това би било "logo.png".
По принцип, когато се позова на HTML елемент или маркер, ще използвам термина "елемент", за да покажа, че имам предвид всички части на елемента (и двата елемента за отваряне и затваряне). Използвам "маркер", че наистина говоря един или друг. Това е правилното използване на тези два термина и ви препоръчвам да ги използвате правилно - но просто знайте, че ако ги подхванете и обменяте малко, все пак ще бъдете разбрани от вашите нови партньори за разработка на уеб сайтове!
Оригинална статия на Дженифър Кринин. Редактиран от Jeremy Girard на 7/21/17
-
-