Рубрика: HTML

Строчные элементы HTML5 — полный список

HTML Есть два вида HTML элементов — блочные и строчные элементы.

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

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

Дальше перечислен полный список строчных элементов (тегов) HTML, включая элементы HTML5.  Читать далее Строчные элементы HTML5 — полный список

Блочные элементы HTML5 — полный список

Блочные элементы html (block elements) отображаются как прямоугольник и занимают всю доступную им ширину. Высота блочных элементов зависит от их содержимого.

В начале и конце блочных элементов в html (<div>, <h1>-<h6>, <p> и другие) идет перевод на новую строку. На странице это будет выглядеть как абзац.

Это отличается от строчных элементов html (<span>, <a>) — которые будут отобраться последовательно друг за другом, в одну строку. Читать далее Блочные элементы HTML5 — полный список

HTML формы

Как выделить опцию в теге Select

Чтобы сделать выбранной по-умолчанию не первый элемент <option>, нужно добавить элементу атрибут selected. Если у тега <select> добавлен атрибут multiple, то можно выделять более одного пункта.

По умолчанию этот атрибут выключен. Читать далее HTML формы

Как скрыть HTML элемент

Есть два варианта, как можно скрыть html элемент.

  • visibility: hidden сделает элемент невидимым, но он по-прежнему будет занимать место на странице
  • display: none полностью удалит элемент, он не будет занимать какого-либо места на странице.

Пример использования

<div id="divCheckbox" style="display: none;">

script type = “text/template”

На некоторых сайтах в коде можно встретить конструкцию вида

<script type = "text/template">
...
</script>

В отличие от блока, содержащего javascript (type = «text/javascript»), блок script type = «text/template» не будет обработан браузером. 

В этом блоке хранятся шаблоны, которые в дальнейшем используются библиотеками типа Mustache, Haml, Eco, underscore.js для генерации HTML кода на стороне клиента.

Валидный HTML

Для проверки, валидный ли на странице код, можно использовать HTML валидатор. Аналогичный сервис также есть для проверки валидности CSS.

На самом деле я не рекомендую новичкам сильно переживать по поводу валидности кода. Современные браузеры в 95% случаев отобразят все правильно.

С другой стороны — почему-бы не делать сразу правильно? Особенно, если вы решили сделать веб-разработку своим ремеслом.  Читать далее Валидный HTML