Докато започнете да проучвате света на уеб дизайна, без съмнение ще бъдете запознати с редица думи и фрази, които са нови за вас. Един от термините, които най-вероятно ще чуете, е "маркиране" или може би "маркиращ език". Как е "маркер" различен от "код" и защо някои уеб специалисти изглежда използват тези термини взаимозаменяемо? Нека започнем, като разгледаме точно какъв е "езикът за маркиране".
Нека да разгледаме 3 маркиращи езика
Почти всяко съкращение в Мрежата, което има "ML" в него, е "маркиращ език" (голяма изненада, това означава "ML"). Маркетните езици са градивните елементи, използвани за създаване на уеб страници или всички форми и размери.
В действителност в света има много различни маркетингови езици. За дизайна и разработването на уеб са налице три специфични езика за маркиране, които най-вероятно ще срещнете. Това са HTML, XML и XHTML .
Какво представлява езика за маркиране?
За да дефинирате правилно този термин - език за маркиране е език, който анотира текст, така че компютърът да може да манипулира този текст. Повечето маркиращи езици са човешки четими, защото поясненията са написани по начин, който ги отличава от самия текст. Например, с HTML, XML и XHTML маркерите са <и>. Всеки текст, който се показва в един от тези символи, се счита за част от езика за маркиране и не е част от анотирания текст.
Например:
Това е параграф от текста, написан в HTML
Този пример представлява HTML абзац. Той се състои от маркер за отваряне (
), затварящ маркер () и действителния текст, който ще се показва на екрана (това е текстът, съдържащ се между двата маркера). Всеки маркер включва символ "по-малък от" и "голям от", за да го обозначи като част от маркирането.
Когато форматирате текст, който да се показва на екрана на компютъра или на друго устройство , трябва да направите разграничение между самия текст и инструкциите за текста. "Маркиране" е инструкциите за показване или отпечатване на текста.
Маркирането не трябва да се чете от компютъра. Анотациите, направени в печат или в книга, също се считат за маркиране. Например, много ученици в училище ще подчертаят някои фрази в своите учебници. Това показва, че подчертаният текст е по-важен от околния текст. Най-светлият цвят се счита за маркиране.
Маркирането става език, когато правилата са кодирани за това как да пишете и да използвате тази маркировка. Същият студент може да има свой собствен "отбелязващ маркерски език", ако кодифицира правила като "лилав знак за открояване е за дефиниции, жълт открояващ елемент е за изпитни детайли и бележки с молив в полетата са за допълнителни ресурси".
Повечето езици за маркиране се определят от външен орган, който се използва от много различни хора. По този начин работят маркиращите езици за мрежата. Те се определят от W3C или от World Wide Web Consortium .
HTML-HyperText маркиращ език
HTML или HyperText Markup Language е основният език на мрежата и най-често срещаният, с който ще работите като уеб дизайнер / програмист.
Всъщност той може да е единственият език за маркиране, който използвате в работата си.
Всички уеб страници са написани с аромат на HTML. HTML дефинира начина, по който изображенията , мултимедиите и текстът се показват в уеб браузърите. Този език включва елементи за свързване на вашите документи (хипертекст) и прави вашите уеб документи интерактивни (като например с формуляри). Много хора наричат HTML "код на уебсайта", но всъщност това е наистина само маркиращ език. Нито един от двата термина е строго погрешен и ще чуете хора, включително уеб специалисти, да използват тези два термина взаимозаменяемо.
HTML е дефиниран стандартен маркиращ език. Той се основава на SGML (Стандартен генеризиран маркерски език).
Това е език, който използва маркери за определяне на структурата на текста ви. Елементите и маркерите се дефинират с <и> знака.
Докато HTML е далеч най-популярният маркиращ език, използван в мрежата днес, той не е единственият избор за уеб програмиране. Тъй като HTML е разработен, той става все по-сложен и стилът и съдържанието се комбинират на един език. В крайна сметка W3C реши, че има нужда от разграничение между стила на уеб страницата и съдържанието. Един маркер, който определя само съдържанието, ще остане в HTML, докато маркерите, които дефинират стила, са отхвърлени в полза на CSS (Cascading Style Sheets).
Най-новата номерирана версия на HTML е HTML5. Тази версия добави още функции в HTML и премахна част от строгостта, която беше наложена от XHTML (повече на този език скоро).
Начинът, по който се освобождава HTML, е променен с възхода на HTML5. Днес се добавят нови функции и промени, без да е необходимо да се пуска нова, номерирана версия. Най-новата версия на езика просто се нарича "HTML".
XML-eXtensible Markup Language
EXtensible Markup Language е езикът, на който се основава друга версия на HTML. Подобно на HTML, XML също се основава на SGML. Той е по-малко строг от SGML и по-строг от обикновения HTML. XML осигурява разширяемостта за създаване на различни езици.
XML е език за писане на маркиращи езици. Например, ако работите по родословие, може да създадете тагове с помощта на XML, за да дефинирате бащата, майката, дъщеря и сина във вашия XML по следния начин:
Съществуват още няколко стандартизирани езика, които вече са създадени с XML: MathML за дефиниране на математиката, SMIL за работа с мултимедия, XHTML и много други.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 е преработен HTML 4.0, за да отговаря на XML стандарта. XHTML е заменен в модерния уеб дизайн с HTML5 и промените, които са се появили оттогава. Малко вероятно е да намерите по-нови сайтове, използващи XHTML, но ако работите върху много по-стар сайт, все пак може да срещнете XHTML там в дивата природа.
Няма много големи разлики между HTML и XHTML , но ето какво ще забележите:
- XHTML е написан с малки букви. Докато HTML таговете могат да бъдат написани в UPPER случай, MiXeD случай, или малки букви, да бъдат правилни, XHTML таговете трябва да бъдат всички малки. (Забележете, че много уеб специалисти пишат HTML с всички малки букви, въпреки че не са технически необходими).
- Всички елементи на XHTML трябва да имат краен маркер. Елементи с само един етикет, като например и се нуждаят от затваряща наклонена черта (/) в края на маркера:
- Всички атрибути трябва да бъдат цитирани в XHTML. Някои хора премахват котировките около атрибутите, за да спестят място, но са необходими за правилната XHTML.
- XHTML изисква етикетите да бъдат вложени правилно. Ако отваряте елемент () и получер (), трябва да затворите елемента с курсив (), преди да затворите полученото (). (Обърнете внимание, че и двата елемента са били отхвърлени, защото са визуални елементи. Сега HTML използва и вместо тези две)
- HTML атрибутите трябва да имат име и стойност. Атрибутите, които са самостоятелни в HTML, трябва да бъдат декларирани и със стойности, например атрибутът HR ще бъде написан noshade = "noshade".
Оригинална статия на Дженифър Кринин. Редактирано от Джереми Жиар на 7/5/17.