Какой путь лучше использовать

Абсолютный адрес ссылки понадобится использовать, если файл, на который вы ссылаетесь, находится на другом сайте. В пределах одного сайта абсолютный путь практически не используется (хоть он и будет работать). Это связано с несколькими моментами: во-первых, такие ссылки могут быть весьма громоздкими, а во-вторых, если имя домена изменится, то возникнет проблема — все ссылки будут вести на старый домен, что может повлечь за собой множество ошибок и битых ссылок.

Корневой относительный путь будет работать на веб-сервере, но он бесполезен при разработке на локальном компьютере. Но преимущество этого типа ссылок в том, что вы можете перемещать свою таблицу стилей в любую папку сайта и не бояться, что адреса фоновых изображений станут нерабочими.

Относительный путь от документа — наилучший вариант при веб-разработке на локальной машине без использования сервера. В браузере вы сможете нормально просматривать веб-страницы, хранящиеся на вашем компьютере, и адреса файлов будут работать. Они будут работать и на живом сайте, но с одним условием — если не перемещать таблицу стилей в другое место (иначе придется корректировать пути).

Попробуйте потренироваться в использовании относительных путей как на локальном компьютере, так и на веб-сервере. Понимание того, как это работает, непременно пригодится вам в любом проекте.

URL (или URL адрес) – это форма уникального адреса конкретного веб-ресурса в сети Интернет. Он может ссылаться на веб-сайт, какой-то индивидуальный документ или изображение. Пользователю Интернета нужно вставить этот код в поле поиска, чтобы найти нужный сайт, документ, папку или изображение. На простом языке это означает следующее: благодаря URL адресу пользователь узнает информацию о том, где находятся нужные ему данные. Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Якоря удобно применять в документах большого объема, чтобы можно было быстро переходить к нужному разделу.Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега <a>. В качестве значения href для перехода к этому якорю используется имя закладки с символом решетки (#) впереди. <a name=: "mark_name"></a>

<a href="#mark_name">Я – закладка</a>

Впервые появившиеся в программе Netscape Navigator 2.0 кадры HTML помогают разбить страницу на независимые (даже с прокруткой) окна, выводящие информацию различных типов. Кадры во многом похожи на таблицы HTML, но, в отличие от последних, не только организовывают данные, но и размещают их на экране дисплея. Они делят окно браузера на отдельные независимые панели, каждая их которых выводит свой файл. Другими словами, каждая такая панель представляет собой “мини-браузер”.

Кадр должен быть расположен в контейнере FRAMESET, который занимает место контейнера BODY. HTML документ, имеющий структуру FRAMESET, не имеет структуры BODY, и наоборот.

Парный тэг <FRAMESET></FRAMESET> используется при определении каждого кадра. Внутри этого контейнера могут располагаться только тэг <FRAME> или другие контейнеры FRAMESET.

Для определения имени кадра служит атрибут NAME. Например, строка

<FRAME SRC= “info.htm” NAME= “Joe”>

создает кадр по имени “Joe”, на который можно сделать гипертекстовую ссылку следующим образом:

<A HREF= “moreinfo.htm” TARGET= “Joe”> Click here to jump to Joe </A>

Списки, символы, кодировка, метаданные.

Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.

Любой список представляет собой контейнер <ul>, который устанавливает маркированный список, или <ol>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <li>.

Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. Сам список формируется с помощью контейнера <ul>, а каждый пункт списка начинается с тега <li>, как показано ниже.

<ul>

<li> Первый пункт </li>

<li> Второй пункт </li>

<li> Третий пункт </li>

</ul>

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от атрибутов тега <ol>, который и применяется для создания списка. Каждый пункт нумерованного списка обозначается тегом <li>, как показано ниже.

<ol>

<li> Первый пункт </li>

<li> Второй пункт </li>

<li> Третий пункт </li>

</ol>

 

Юнико́д (чаще всего) или Унико́д (англ. Unicode) — стандарт кодирования символов, включающий в себя знаки почти всех письменных языков мира. Юникод это возможность корректно отображать буквы и знаки пунктуации из различных языков на одной страницы.

Почему вам стоит использовать Юникод?

Для поддержки UTF-8 в HTML5 добавьте <meta charset=utf-8> (при отсутствии доступа к настройкам сервера стоит добавить также <meta http-equiv= "Content-Type" content="text/html; charset=utf-8">). При старом доктайпе используется (<meta http-equiv="content-type" content="text/html; charset=UTF-8" />).

Вторая причина использования Юникода это наличие большого количества полезных символов, которые можно использовать в качестве иконок. Например, ▶, ≡ и ♥.

Их очевидный плюс в том, что вам не надо никаких дополнительных файлов, чтобы добавить их на страницу, а, значит, ваш сайт будет быстрее. Вы также можете изменить их цвет или добавить тень с помощью CSS. А добавив переходы (css transition) вы сможете плавно менять цвет иконки при наведении на нее без каких-либо дополнительных изображений.

Символьные подстановки представляют собой специальную последовательность, преобразуемую браузерами в заданный символ. Подстановку можно осуществить несколькими способами:

&мнемокод; - вставка символа по его "мнемокоду" (имени).

&#КОД10; - вставка символа по его десятичному коду.

&#xКОД16; - вставка символа по его шеснадцатиричному коду.

Ниже приводится таблица наиболее популярных символьных подстановок:

 

Символ	Мнемокод	10 Код	16 Код	Пояснение
<	&lt;	&#60;	&#x3C;
>	&gt;	&#62;	&#x3E;
&	&amp;	&#38;	&#x26;	Амперсанд
"	&quot;	&#34;	&#x22;
	&nbsp;	&#160;	&#A0;	Символ "неразрывного пробела". Слова, разделяемые им не переносятся по отдельности.
	&shy;	&#173;	&#AD;	Символ "мягкого переноса". Части слова, соединяемые им, переносятся, при необходимости. На месте переноса отображается символ "-"
©	&copy;	&#169;	&#A9;
®	&reg;	&#174;	&#AE;
™	&trade;	&#8482;	&#2122;
¤	&curren;
¦	&brvbar;
§	&sect;
ª	&ordf;
«	&laquo;
°	&deg;
±	&plusmn;
µ	&micro;
¶	&para;
·	&middot;
¹	&sup1;
?	&euro;
ʼ ˈˌːˑ ˘ ‖‿		&#700; &#712; &#716; &#720; &#721; &#728; &#8214; &#8255;

П акет — это определённым образом оформленный блок данных, передаваемый по сети в пакетном режиме.

Пакет состоит из двух типов данных: управляющей информации и данных пользователя (называемых также полезной нагрузкой). Управляющая информация содержит данные, необходимые для доставки данных пользователя: адреса отправителя и получателя, коды обнаружения ошибок (типа контрольных сумм) и информацию об очерёдности. Как правило, управляющая информация содержится в заголовке и хвосте пакета, а между ними размещаются пользовательские данные.

Заголовок-сущность Content-Type используется для того, чтобы определить MIME тип ресурса.

В ответах сервера заголовок Content-Type сообщает клиенту, какой будет тип передаваемого контента. В некоторых случаях браузеры пытаются сами определить MIME тип передаваемого контента, но их реакция может быть неадекватной. Чтобы предотвратить такие ситуации, Вы можете установить в заголовке X-Content-Type-Options значение nosniff.

 

Тип MIME - это метка, используемая для идентификации типа данных. Он используется, поэтому программное обеспечение может знать, как обрабатывать данные. Он служит той же цели в Интернете, что расширения файлов делают в Microsoft Windows.

Метаданные - это информация о данных.

Тег <meta> обеспечивает метаданные о HTML документе. Метаданные не будут отображаться на странице, но будут обрабатываться машиной.

Элементы meta обычно используются, чтобы указать описание страницы, ключевые слова, автора документа, дату последней модификации страницы, и другие метаданные.

Тег <meta> всегда идет внутри элемента head.

Метаданные могут быть использованы браузерами (как отображать содержание или перезагружать страницу), поисковыми системами (ключевые слова), и другими веб службами.