Показать сообщение отдельно

  #1  
Старый 25.06.2019, 21:17
Necessary)
Постоянный
Регистрация: 11.06.2018
Сообщений: 870
С нами: 4170300

Репутация: 118


По умолчанию

Приветик,в этой теме будем разбирать значения атрибутов.(!!ЛОГИЧЕСКИЕ АТРИБУТЫ НЕ ИМЕЮТ ЗНАЧЕНИЯ!!)

Значения бывают нескольких типов:

Ключевое слово,строка,число,код языка Адреса* (Это не все,их дохуя и больше,я буду объяснить значения выше перечисленных,ибо они более популярные.)

И так начнем с Ключевых Слов.

Ключевые слова

У некоторых атрибутов есть зарезервированные значения,которые называются >. Как пример возьмем значение атрибута







HTML:





Код:
Type


элемента







HTML:





Код:



определяет тип элемента формы.Рассмотрим пример использования элемента



HTML:





Код:



В данном примере элементсоздает кнопушку.

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

Строка

Строка представляет собой текст, заключённый в двойные или одинарные кавычки.


HTML:





Код:



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

HTML:





Код:



Чтобы корректно написать строку с внутренними кавычками есть несколько вариантов.

1. Экранировать внутреннюю кавычку вот таким образом \". В таком случае она уже не будет восприниматься браузером как кавычка, а считается символом.

HTML:





Код:



2. Использовать сочетание одинарных и двойных кавычек.

HTML:





Код:



Здесь строка у атрибута тітіе взята в одинарные кавычки, поэтому мы спокойно можем писать внутри двойную кавычку.

Всё это аналогичным образом работает и для одинарных кавычек.

Числа.

Числа состоят из цифр от 0 до 9; для отрицательных чисел, если они необходимы, впереди ставится знак минус (-45). В примере показано использование чисел в качестве значений атрибутов.

Код:





Код:
  
  Числа

  Температура воды
  Низкая
  Нормальная
  Горячая
  Кипяток


(Результат на 1 скриншоте)

Кроме целых чисел,можно юзать дробные(например х целых у сотых[х,0у] ) для этого используется атрибут value.Пример:

HTML:





Код:
input, атрибут max

Укажите вашу температуру в градусах


(Результат на 2 скрине)

Код Языка.

Код ящыка используется, чтобы показать поисковым системам, на каком языке написан текст и задать свои настройки для разных языков (типы кавычек, и т.п) и указывается язык текста в виде кода. Для задания языка применяется атрибут lang (для систем торможения(:trollface:lang от слова language)

Пример:

HTML:





Код:
lang

Фраза на французском

Je n'ai pas mangé depuis six jours


Результат на 3 скрине.

В данном примере для всей страницы указан русский язык с помощью атрибута langа со значением ru. Чтобы показать, что язык относится ко всей странице, атрибут добавлен к элементу . Для текста на французском атрибут lang со значением fr добавлен а элементу .

Допустимые значения атрибута lang моня посмотреть тут.

Цитата:
Сообщение от Спойлер  

Про Адресса в следующей теме ,так што ставте лойоки,шобы было хорошо и подрообно,ибо я на эту тему угрохал около 2часа,сюк(
Адрес.

Адресом называется путь к документу,например к текстовому документу.

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

Начнем с Абсолютных адресов.

Абсолютные адреса работают везде и всегда,независимости от того,находитесь Вы на каком-то сайте или нет.Перед такими адресами ВСЕГДА указывается HTTP /HTTPS (если не знаете,что это такое,то можете закрывать эту тему,оно вам не нужно) ) следовательно,любые абсолютные ссылки начинаются ч вставки http:// , https:// .

Пример абсолютного адреса:

HTML:





Код:
BLASTHACK


(https=http+s = HyperText Transfer Protocol+ Secure)

Иногда,когда нет информации про протокол,в таких случаях код выглядит так







HTML:





Код:
BLASTHACK


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

Относительные адреса

Относительные адреса используются БЕЗ протокола,такие адреса указывают на документы,которые находятсяв корне сайта,пример адреса:







HTML:





Код:



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







HTML:





Код:
../image/gavgavsuka.jpg


Если находится в самом корне сайта,используем такой код :







HTML:





Код:
/image/gavgavsuka.jpg


,

А если файл находиться в какой-то папке,которая лежит с веб-страничкой используем такой код:







Код:





Код:
Papka/gavgavsuka.jpg


Иногда можно встретить адреса в виде







HTML:





Код:
./file/index.html


. Точка впереди означает, что отсчёт ведётся от текущей папки. Подобная запись избыточна и её можно сократить до

HTML:





Код:
File/index.html


Спасибо,что прочли.

Скрытое содержимое доступно для зарегистрированных пользователей!


Дополнение:

Обычно используются либо абсолютные пути(//somesite.com/static/all.css || https:/.somesite.com/static/all.css) либо пути, следующие от корня сайта(/static/all.css).

Концепция должна быть такая, чтобы переместив файл(разметку, HTML) в любое место на сервере - он имел доступ к статике. Этой концепции не обязательно следовать - но желательно. А так - все даже более менее подробно расписано.

Спасибо @HellsCoder -у за исправление ошибки.
 
Ответить с цитированием