Html язык – Поговорим об HTML. Современное применение языка разметки — учебник CSS

Язык 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,
24 декабря 1999 года HTML 4.01

В 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):

Название языкаКод
Abkhazab
Afaraa
Afrikaansaf
Akanak
Albaniansq
Amharicam
Arabicar
Aragonesean
Armenianhy
Assameseas
Avaricav
Avestanae
Aymaraay
Azerbaijaniaz
Bambarabm
Bashkirba
Basqueeu
Belarusianbe
Bengali, Banglabn
Biharibh
Bislamabi
Bosnianbs
Bretonbr
Bulgarianbg
Burmesemy
Catalanca
Chamorroch
Chechence
Chichewa, Chewa, Nyanjany
Chinesezh
Chuvashcv
Cornishkw
Corsicanco
Creecr
Croatianhr
Czechcs
Danishda
Divehi, Dhivehi, Maldiviandv
Dutchnl
Dzongkhadz
Eastern Punjabi, Eastern Panjabipa
Englishen
Esperantoeo
Estonianet
Eweee
Faroesefo
Fijianfj
Finnishfi
Frenchfr
Fula, Fulah, Pulaar, Pular
ff
Galiciangl
Gandalg
Georgianka
Germande
Greekel
Guaranígn
Gujaratigu
Haitian, Haitian Creoleht
Hausaha
Hebrewhe
Hererohz
Hindihi
Hiri Motuho
Hungarianhu
Icelandicis
Idoio
Igboig
Indonesianid
Interlinguaia
Interlingueie
Inuktitutiu
Inupiaqik
Irishga
Italianit
Japaneseja
Javanesejv
Kalaallisut, Greenlandickl
Kannadakn
Kanurikr
Kashmiriks
Kazakhkk
Khmerkm
Kikuyu, Gikuyuki
Kinyarwandarw
Kirundirn
Komikv
Kongokg
Koreanko
Kurdishku
Kwanyama, Kuanyamakj
Kyrgyzky
Laolo
Latinla
Latvianlv
Limburgish, Limburgan, Limburgerli
Lingalaln
Lithuanianlt
Luba-Katangalu
Luxembourgish, Letzeburgeschlb
Macedonianmk
Malagasymg
Malayms
Malayalamml
Maltesemt
Manxgv
Marathimr
Marshallesemh
Mongolianmn
Māorimi
Nauruanna
Navajo, Navahonv
Ndongang
Nepaline
Northern Ndebelend
Northern Samise
Norwegianno
Norwegian Bokmålnb
Norwegian Nynorsknn
Nuosuii
Occitanoc
Ojibwe, Ojibwaoj
Old Church Slavonic, Church Slavonic, Old Bulgariancu
Oriyaor
Oromoom
Ossetian, Osseticos
Pashto, Pushtops
Persian (Farsi)fa
Polishpl
Portuguesept
Pālipi
Quechuaqu
Romanianro
Romanshrm
Russianru
Samoansm
Sangosg
Sanskrit (Saṁskṛta)sa
Sardiniansc
Scottish Gaelic, Gaelicgd
Serbiansr
Shonasn
Sindhisd
Sinhalese, Sinhalasi
Slovaksk
Slovenesl
Somaliso
Southern Ndebelenr
Southern Sothost
Spanishes
Sundanesesu
Swahilisw
Swatiss
Swedishsv
Tagalogtl
Tahitianty
Tajiktg
Tamilta
Tatartt
Telugute
Thaith
Tibetan Standard, Tibetan, Centralbo
Tigrinyati
Tongato
Tsongats
Tswanatn
Turkishtr
Turkmentk
Twitw
Ukrainianuk
Urduur
Uyghurug
Uzbekuz
Vendave
Vietnamesevi
Volapükvo
Walloonwa
Welshcy
Western Frisianfy
Western Frisianwo
Xhosaxh
Yiddishyi
Yorubayo
Zhuang, Chuangza
Zuluzu

Коды языков 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>,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *