Язык HTML — Как создать сайт
HTML — язык разметки
Тим Бернерс-ЛиСоздатель языка HTML
В этой статье о HTML дан небольшой обзор языку, его структуре, характеристике, истории. Данная статья о языке HTML предназначена к прочтению для общего развития и на начальном этапе изучения HTML вы можете её пропустить, а вернуться к ней позже, после прочтения учебника по HTML.
HTML (HyperText Markup Language) — язык разметки гипертекста. Сайты создаются с помощью языка HTML.
Создателем языка HTML, является выдающийся британский учёный — Тим Бернерс-Ли.
Версии HTML
До 1995 года официального стандарта языка HTML не существовало, но было несколько не стандартизированных версий языка HTML. 22 сентября 1995 года, создали первый официальный стандарт языка HTML, он сразу получил номер 2.0 (HTML 2.0).
14 января 1997 года появилась версия HTML 3.2,
18 декабря 1997 года HTML 4.0,
В 00-х годах, также существовал язык разметки XHTML (то же самое что и HTML, но с более строгим синтаксисом). XHTML предназначался для того, чтобы подготовить вебмастеров, к строгим правилам разметки языка XML. Благодаря строгой разметке, различные программы и сервисы понимающие XML, могут эффективно обрабатывать данные на сайтах написанные на XHTML, также в этом языке появилась возможность внедрять SVG, MathML, CML и другие производные языка XML.
XHTML существовал в трёх версиях в строгой, переходной и frameset, в переходной можно было использовать устаревшие теги такие как center или font. На данный момент, разработку языка XHTML закрыли.
Современной версией языка HTML, является HTML5, именно эту версию мы и будем изучать в данном учебнике. HTML5 более удобен чем предыдущие языки и вобрал в себя все их преимущества, также в нём уделено большое значение семантике.
Язык CSS и HTML
Начиная с 4 версии языка HTML, изменять внешний вид HTML тегов рекомендуется только с помощью языка CSS. Поэтому языки HTML и CSS желательно изучать параллельно. В этом учебнике по HTML для начинающих мы также ознакомимся с начальными аспектами языка CSS, ну а для продолжения изучения вы можете почитать и сам учебник по CSSИстория HTML
Язык HTML был создан в 1991 году, британским учёным Тимом Бернерсом-Ли. Тогда Тим работал в CERN (Европейская организация по ядерным исследованиям) и сайтов еще не существовало. Ученые работавшие в данном центре нуждались в надежном и эффективном способе обмена информацией.
Выбор пал на язык SGML, но он был слишком сложен и тогда Тим на основе SGML, создал упрощенную его вариацию — HTML, благодаря чему любой ученый мог создать простой документ с информацией, обрамив её различными тегами: абзацами, заголовками, ссылками и разместить его в интернете, а другие ученые в то же время могли читать данную информацию.
Изначально в HTML-документах (на страницах сайтов), можно было размещать только текстовую информацию, возможность добавления медиафайлов: изображений, видео и аудио появилась чуть позже.
На данный момент, поддержкой и развитием языка HTML занимается W3C (World Wide Web Consortium) — консорциум всемирной паутины. W3C состоит из различных рабочих групп, которые внедряют и развивают интернет стандарты и технологии.
Таблица распространения браузеров
Файлы HTML, обычно имеют расширения .html или .htm. Эти файлы можно просматривать с помощью интернет-браузеров.
Таблица имён браузеров и количество их распространения в мире, на январь 2016 года, в порядке уменьшения:
| Браузер | Распространение |
|---|---|
| Google Chrome | 54,22 % |
| Internet Explorer | 14,67 % |
| Mozilla Firefox | 14,61 % |
| Safari | 9,43 % |
| Opera | 1,96 % |
| Прочие | 5,11 % |
Читать далее: Учебник HTML
Дата публикации поста: 7 февраля 2016
Дата обновления поста: 14 октября 2014
Навигация по записям
Коды для обозначения языков | HTML справочник
Код языка, подразумевает собой сокращенное наименование, состоящее из двух букв которые определяют язык содержимого внутри элемента. Если у языка есть диалект, то через дефис добавляют еще две буквы (например, США lang =»en-us»).
Основная функция глобального атрибута lang определить язык содержимого внутри HTML элемента. Например, атрибут lang, применённый к тегу <html> указывает язык содержимого веб-страницы (для всего текста на странице).
Старайтесь всегда объявлять язык страницы — это важно для приложений, читающих с экрана, для поисковых систем, для осуществления правильной расстановки переносов, выбора необходимого набора кавычек браузером (вид может зависеть от языка), проверки орфографии и пунктуации и так далее.
Атрибут имеет следующий синтаксис:
lang = "Код языка"
Пример использования атрибута в мультиязычном документе:
<!DOCTYPE html> <html lang = "ru"> <!-- указывает язык содержимого веб-страницы --> <head> <title>Пример использования атрибута lang</title> </head> <body> <p lang = "es"> ¿Por qué necesita una traducción? </p> <!-- Этот параграф интерпретируется как испанский --> <p>И дальше по тексту интерпретация языка продолжается на русском <p> </body> </html>
В этом примере основной язык документа является русский («ru»), а один абзац объявлен на испанском языке («es»).
Таблица содержит регистрацию двухбуквенных кодов (ISO 639-1):
| Название языка | Код |
|---|---|
| Abkhaz | ab |
| Afar | aa |
| Afrikaans | af |
| Akan | ak |
| Albanian | sq |
| Amharic | am |
| Arabic | ar |
| Aragonese | an |
| Armenian | hy |
| Assamese | as |
| Avaric | av |
| Avestan | ae |
| Aymara | ay |
| Azerbaijani | az |
| Bambara | bm |
| Bashkir | ba |
| Basque | eu |
| Belarusian | be |
| Bengali, Bangla | bn |
| Bihari | bh |
| Bislama | bi |
| Bosnian | bs |
| Breton | br |
| Bulgarian | bg |
| Burmese | my |
| Catalan | ca |
| Chamorro | ch |
| Chechen | ce |
| Chichewa, Chewa, Nyanja | ny |
| Chinese | zh |
| Chuvash | cv |
| Cornish | kw |
| Corsican | co |
| Cree | cr |
| Croatian | hr |
| Czech | cs |
| Danish | da |
| Divehi, Dhivehi, Maldivian | dv |
| Dutch | nl |
| Dzongkha | dz |
| Eastern Punjabi, Eastern Panjabi | pa |
| English | en |
| Esperanto | eo |
| Estonian | et |
| Ewe | ee |
| Faroese | fo |
| Fijian | fj |
| Finnish | fi |
| French | fr |
| Fula, Fulah, Pulaar, Pular | ff |
| Galician | gl |
| Ganda | lg |
| Georgian | ka |
| German | de |
| Greek | el |
| Guaraní | gn |
| Gujarati | gu |
| Haitian, Haitian Creole | ht |
| Hausa | ha |
| Hebrew | he |
| Herero | hz |
| Hindi | hi |
| Hiri Motu | ho |
| Hungarian | hu |
| Icelandic | is |
| Ido | io |
| Igbo | ig |
| Indonesian | id |
| Interlingua | ia |
| Interlingue | ie |
| Inuktitut | iu |
| Inupiaq | ik |
| Irish | ga |
| Italian | it |
| Japanese | ja |
| Javanese | jv |
| Kalaallisut, Greenlandic | kl |
| Kannada | kn |
| Kanuri | kr |
| Kashmiri | ks |
| Kazakh | kk |
| Khmer | km |
| Kikuyu, Gikuyu | ki |
| Kinyarwanda | rw |
| Kirundi | rn |
| Komi | kv |
| Kongo | kg |
| Korean | ko |
| Kurdish | ku |
| Kwanyama, Kuanyama | kj |
| Kyrgyz | ky |
| Lao | lo |
| Latin | la |
| Latvian | lv |
| Limburgish, Limburgan, Limburger | li |
| Lingala | ln |
| Lithuanian | lt |
| Luba-Katanga | lu |
| Luxembourgish, Letzeburgesch | lb |
| Macedonian | mk |
| Malagasy | mg |
| Malay | ms |
| Malayalam | ml |
| Maltese | mt |
| Manx | gv |
| Marathi | mr |
| Marshallese | mh |
| Mongolian | mn |
| Māori | mi |
| Nauruan | na |
| Navajo, Navaho | nv |
| Ndonga | ng |
| Nepali | ne |
| Northern Ndebele | nd |
| Northern Sami | se |
| Norwegian | no |
| Norwegian Bokmål | nb |
| Norwegian Nynorsk | nn |
| Nuosu | ii |
| Occitan | oc |
| Ojibwe, Ojibwa | oj |
| Old Church Slavonic, Church Slavonic, Old Bulgarian | cu |
| Oriya | or |
| Oromo | om |
| Ossetian, Ossetic | os |
| Pashto, Pushto | ps |
| Persian (Farsi) | fa |
| Polish | pl |
| Portuguese | pt |
| Pāli | pi |
| Quechua | qu |
| Romanian | ro |
| Romansh | rm |
| Russian | ru |
| Samoan | sm |
| Sango | sg |
| Sanskrit (Saṁskṛta) | sa |
| Sardinian | sc |
| Scottish Gaelic, Gaelic | gd |
| Serbian | sr |
| Shona | sn |
| Sindhi | sd |
| Sinhalese, Sinhala | si |
| Slovak | sk |
| Slovene | sl |
| Somali | so |
| Southern Ndebele | nr |
| Southern Sotho | st |
| Spanish | es |
| Sundanese | su |
| Swahili | sw |
| Swati | ss |
| Swedish | sv |
| Tagalog | tl |
| Tahitian | ty |
| Tajik | tg |
| Tamil | ta |
| Tatar | tt |
| Telugu | te |
| Thai | th |
| Tibetan Standard, Tibetan, Central | bo |
| Tigrinya | ti |
| Tonga | to |
| Tsonga | ts |
| Tswana | tn |
| Turkish | tr |
| Turkmen | tk |
| Twi | tw |
| Ukrainian | uk |
| Urdu | ur |
| Uyghur | ug |
| Uzbek | uz |
| Venda | ve |
| Vietnamese | vi |
| Volapük | vo |
| Walloon | wa |
| Welsh | cy |
| Western Frisian | fy |
| Western Frisian | wo |
| Xhosa | xh |
| Yiddish | yi |
| Yoruba | yo |
| Zhuang, Chuang | za |
| Zulu | zu |
Коды языков HTML — таблица кодов языков
В HTML коды языков могут использоваться для указания языка веб-страницы или ее части. Это поможет поисковой системе, а также браузеру правильно обработать страницу.
По рекомендации W3C, следует указывать язык для каждой страницы, используя атрибут lang внутри тега <html>.
Пример кода указания языка страницы lang HTML документа
Пример указания языка на HTML веб странице:
<html lang="en">
<!-- содержимое страницы -->
</html>Пример для спецификации XHTML:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!-- содержимое страницы -->
</html>Стандарт ISO 639-1 кодов языков
HTML использует стандарт кодов языков ISO 639-1.
Таблица кодов языков ниже содержит HTML код языка с указанием перевода на русский и английский.
| Код ISO639-1 | Язык на русском | Язык на английском |
|---|---|---|
| ab | Абхазский | Abkhazian |
| av | Аварский | Avaric |
| ae | Авестийский | Avestan |
| az | Азербайджанский | Azerbaijani |
| ay | Аймара | Aymara |
| ak | Акан | Akan |
| sq | Албанский | Albanian |
| am | Амхарский | Amharic |
| en | Английский | English |
| ar | Арабский | Arabic |
| hy | Армянский | Armenian |
| as | Ассамский | Assamese |
| aa | Афарский | Afar |
| af | Африкаанс | Afrikaans |
| bm | Бамбара | Bambara |
| eu | Баскский | Basque |
| ba | Башкирский | Bashkir |
| be | Белорусский | Belarusian |
| bn | Бенгальский | Bengali (Bangla) |
| my | Бирманский | Burmese |
| bi | Бислама | Bislama |
| bg | Болгарский | Bulgarian |
| bs | Боснийский | Bosnian |
| br | Бретонский | Breton |
| cy | Валлийский | Welsh |
| hu | Венгерский | Hungarian |
| ve | Венда | Venda |
| vo | Волапюк | Volapük |
| wo | Волоф | Wolof |
| vi | Вьетнамский | Vietnamese |
| gl | Галисийский | Galician |
| lg | Ганда | Luganda, Ganda |
| hz | Гереро | Herero |
| kl | Гренландский | Kalaallisut, Greenlandic |
| el | Греческий (новогреческий) | Greek |
| ka | Грузинский | Georgian |
| gn | Гуарани | Guarani |
| gu | Гуджарати | Gujarati |
| gd | Гэльский | Gaelic (Scottish) |
| da | Датский | Danish |
| dz | Дзонг-кэ | Dzongkha |
| dv | Дивехи (Мальдивский) | Divehi, Dhivehi, Maldivian |
| zu | Зулу | Zulu |
| he | Иврит | Hebrew |
| ig | Игбо | Igbo |
| yi или ji | Идиш | Yiddish |
| id или in | Индонезийский | Indonesian |
| ia | Интерлингва | Interlingua |
| ie | Интерлингве | Interlingue |
| iu | Инуктитут | Inuktitut |
| ik | Инупиак | Inupiak |
| ga | Ирландский | Irish |
| is | Исландский | Icelandic |
| es | Испанский | Spanish |
| it | Итальянский | Italian |
| yo | Йоруба | Yoruba |
| kk | Казахский | Kazakh |
| kn | Каннада | Kannada |
| kr | Канури | Kanuri |
| ca | Каталанский | Catalan |
| ks | Кашмири | Kashmiri |
| qu | Кечуа | Quechua |
| ki | Кикуйю | Kikuyu |
| kj | Киньяма | Kwanyama |
| ky | Киргизский | Kyrgyz |
| zh | Китайский | Chinese |
| kv | Коми | Komi |
| kg | Конго | Kongo |
| ko | Корейский | Korean |
| kw | Корнский | Cornish |
| co | Корсиканский | Corsican |
| xh | Коса | Xhosa |
| ku | Курдский | Kurdish |
| km | Кхмерский | Khmer |
| lo | Лаосский | Lao |
| la | Латинский | Latin |
| lv | Латышский | Latvian (Lettish) |
| ln | Лингала | Lingala |
| lt | Литовский | Lithuanian |
| lu | Луба-катанга | Luga-Katanga |
| lb | Люксембургский | Luxembourgish |
| mk | Македонский | Macedonian |
| mg | Малагасийский | Malagasy |
| ms | Малайский | Malay |
| ml | Малаялам | Malayalam |
| mt | Мальтийский | Maltese |
| mi | Маори | Maori |
| mr | Маратхи | Marathi |
| mh | Маршалльский | Marshallese |
| mn | Монгольский | Mongolian |
| gv | Мэнский (Мэнкский) | Manx |
| nv | Навахо | Navajo |
| na | Науру | Nauru |
| nd | Ндебелесеверный | NorthernNdebele |
| nr | Ндебелеюжный | SouthernNdebele |
| ng | Ндунга | Ndonga |
| de | Немецкий | German |
| ne | Непальский | Nepali |
| nl | Нидерландский (Голландский) | Dutch |
| no | Норвежский | Norwegian |
| ny | Ньянджа | Chichewa, Chewa, Nyanja |
| nn | Нюнорск (новонорвежский) | Norwegiannynorsk |
| oj | Оджибве | Ojibwe |
| oc | Окситанский | Occitan |
| or | Ория | Oriya |
| om | Оромо | Oromo (AfaanOromo) |
| os | Осетинский | Ossetian |
| pi | Пали | Pāli |
| pa | Пенджабский | Punjabi (Eastern) |
| fa | Персидский | Persian (Farsi) |
| pl | Польский | Polish |
| pt | Португальский | Portuguese |
| ps | Пушту | Pashto,Pushto |
| rm | Ретороманский | Romansh |
| rw | Руанда | Kinyarwanda (Rwanda) |
| ro | Румынский | Romanian |
| rn | Рунди | Kirundi |
| ru | Русский | Russian |
| sm | Самоанский | Samoan |
| sg | Санго | Sango |
| sa | Санскрит | Sanskrit |
| sc | Сардинский | Sarda |
| ss | Свази | Swati |
| sr | Сербский | Serbian |
| si | Сингальский | Sinhalese |
| sd | Синдхи | Sindhi |
| sk | Словацкий | Slovak |
| sl | Словенский | Slovenian |
| so | Сомали | Somali |
| st | Сотоюжный | Sesotho |
| sw | Суахили | Swahili (Kiswahili) |
| su | Сунданский | Sundanese |
| tl | Тагальский | Tagalog |
| tg | Таджикский | Tajik |
| th | Тайский | Thai |
| ty | Таитянский | Tahitian |
| ta | Тамильский | Tamil |
| tt | Татарский | Tatar |
| tw | Тви | Twi |
| te | Телугу | Telugu |
| bo | Тибетский | Tibetan |
| ti | Тигринья | Tigrinya |
| to | Тонганский | Tonga |
| tn | Тсвана | Setswana |
| ts | Тсонга | Tsonga |
| tr | Турецкий | Turkish |
| tk | Туркменский | Turkmen |
| uz | Узбекский | Uzbek |
| ug | Уйгурский | Uyghur |
| uk | Украинский | Ukrainian |
| ur | Урду | Urdu |
| fo | Фарерский | Faroese |
| fj | Фиджи | Fijian |
| fl | Филиппинский | Pilipino |
| fi | Финский (Suomi) | Finnish |
| fr | Французский | French |
| fy | Фризский | WesternFrisian |
| ff | Фулах | Fula, Fulah, Pulaar, Pular |
| ha | Хауса | Hausa |
| hi | Хинди | Hindi |
| ho | Хиримоту | HiriMotu |
| hr | Хорватский | Croatian |
| cu | Церковнославянский (Старославянский) | OldChurchSlavonic, OldBulgarian |
| ch | Чаморро | Chamorro |
| ce | Чеченский | Chechen |
| cs | Чешский | Czech |
| za | Чжуанский | Zhuang,Chuang |
| cv | Чувашский | Chuvash |
| sv | Шведский | Swedish |
| sn | Шона | Shona |
| ee | Эве | Ewe |
| eo | Эсперанто | Esperanto |
| et | Эстонский | Estonian |
| jv | Яванский | Javanese |
| ja | Японский | Japanese |
HTML5 | История языка
333 177Веб-программирование — HTML5 — История языка HTML5
Историю развития языка HTML можно сравнить с детективным рассказом в том, что в ней есть свой неожиданный поворот событий, в результате которых появилась новая версия языка — HTML5.
Предполагалось, что язык HTML уйдет в небытие, не дожив до XXI столетия. Организация W3C (World Wide Web Consortium — Консорциум Всемирной паутины), которая занимается разработкой и внедрением официальных стандартов Всемирной паутины, забросила язык HTML в далеком 1998 г., считая его не способным на дальнейшее выживание.
Свои надежды на будущее консорциум W3C возлагал на модернизированного наследника HTML — язык XHTML. Но язык HTML не умер. Его «подобрала» группа программистов-аутсайдеров и не только возвратила его к жизни, но и заложила основу для новых возможностей, которые мы с вами и исследуем.
Как вы знаете, HTML — это язык для создания веб-страниц. Ключевая идея языка HTML — организация содержимого с помощью элементов, не претерпела никаких изменений с самых ранних времен Всемирной паутины. Более того, даже очень старые веб-страницы без проблем обрабатываются в наиболее современных браузерах (включая и те, которые не существовали на момент создания этих страниц, например Firefox или Chrome).
Но успех и почтенный возраст также несут с собой определенные существенные угрозы. Что и случилось с языком HTML — в 1998 г. консорциум W3C прекратил его поддержку и попытался заменить его языком на основе языка XML — XHTML 1.0.
На рисунке ниже схематично показана история развития HTML:
XHTML 1.0
В стандарте XHTML используются те же синтаксические соглашения, что и HTML, но в нем ужесточены требования к следованию установленным правилам. Большая часть отступлений от правил разметки, которые сходят с рук в традиционном HTML, попросту неприемлемы в XHTML.
Например, допустим, что вы хотите выделить курсивом последнее слово заголовка следующим образом:
<h2>История языка <i>HTML5</i></h2>Но при этом вы случайно поменяли местами два последних тега:
<h2>История языка <i>HTML5</h2></i>Когда браузер сталкивается с этой слегка подпорченной разметкой, он в состоянии «понять», что вы действительно имели в виду, и без малейших претензий выделяет последнее слово курсивом. Но несовпадающие теги нарушают официальные правила XHTML. Если проверить эту страницу в валидаторе формата XHTML (или открыть ее в какой-либо программе для разработки веб-сайтов, например Dreamweaver), то будет выведено сообщение, указывающее на эту ошибку.
В отношении разработки веб-сайтов это полезно, т. к. позволяет отловить небольшие ошибки, вследствие которых страница может отображаться по-разному в различных браузерах, или которые могут вызвать более серьезные проблемы при попытке отредактировать страницу с целью ее улучшения.
Поначалу XHTML пользовался большим успехом. Профессиональные веб-разработчики, раздосадованные индивидуальными особенностями отображения страниц браузерами и вседозволенностью в области веб-разработки, скопом переходили на XHTML. При этом они были вынуждены совершенствовать свои навыки работы и отказываться от использования значительного количества полусырых возможностей форматирования, предоставляемых HTML.
Но многие из предполагаемых преимуществ XHTML — такие как функциональная совместимость с инструментами XML, облегчение обработки страниц автоматизированными программами, переносимость на мобильные платформы, а также расширяемость самого языка XHTML — так никогда и не материализовались.
Тем не менее XHTML стал стандартом для большинства серьезных веб-разработчиков. Но в то время, как все казались достаточно довольными этим языком разметки, у него был один скелет в шкафу: хотя браузеры понимали разметку XHTML, они не обеспечивали строгую проверку отступлений от правил, требуемую этим стандартом. Это означает, что страница может быть создана с нарушением правил XHTML, но браузеры и глазом не моргнут при ее обработке.
Более того ничто не могло помешать веб-разработчику бросить в одну кучу небрежно написанную разметку и устаревшее HTML-содержимое и назвать все это страницей XHTML. Ни один браузер на планете не имел бы никаких претензий при обработке такой страницы. И это обстоятельство вызывало у людей, ответственных за стандарт XHTML, глубокое чувство тревоги.
XHTML 2: неожиданный провал
Эта проблема должна была, по идее, быть решенной в следующей версии — XHTML 2. В ней нужно было ужесточить правила обработки ошибок, которые бы заставляли браузеры не обрабатывать страницы, не отвечающие стандарту XHTML 2. В XHTML 2 также избавились от многих странностей и соглашений, унаследованных от HTML.
Например, система нумерации заголовков (<h2>,