Руководство по созданию и продвижению сайтов с разбором кода HTML и CSS
Шрифт:
<meta charset="UTF-8">
<!– Другие метатеги могут быть добавлены здесь –>
</head>
<meta name="description" content="Описание вашей страницы"> – этот метатег предоставляет краткое описание содержимого страницы. Он может использоваться поисковыми системами при отображении результатов поиска.
<head>
<meta name="description" content="Описание вашей страницы">
<!– Другие метатеги могут быть добавлены здесь –>
</head>
<link>
<head>
<link rel="stylesheet" type="text/css" href="#">
<!– Другие метатеги могут быть добавлены здесь –>
</head>
<script> для подключения скриптов – если вы используете внешние файлы JavaScript, вы можете подключить их с помощью тега <script>.
<head>
<script src="script.js"></script>
<!– Другие метатеги могут быть добавлены здесь –>
</head>
Это лишь несколько примеров элементов, которые могут находиться в блоке <head>. Фактически, содержимое <head> может включать и другие элементы, такие как метатеги для социальных сетей, фавиконы, ссылки на шрифты и другие важные ресурсы.
HTML (Hypertext Markup Language) включает в себя множество элементов, которые используются для разметки содержимого веб-страниц. Вот некоторые из основных элементов HTML:
HTML (Hypertext Markup Language) включает в себя множество элементов, которые используются для разметки содержимого веб-страниц. Вот некоторые из основных элементов HTML:
<!DOCTYPE html> – объявляет тип документа и версию HTML.
<html> – определяет корневой элемент HTML.
<head> – содержит метаданные о документе, такие как заголовок, ссылки на стили и скрипты.
<title> – задает заголовок документа, отображаемый в строке заголовка браузера.
<body> – содержит основное содержимое документа, такое как текст, изображения, таблицы и другие элементы.
<h1>, <h2>, …, <h6> – определяют заголовки различных уровней.
– создает абзац текста.
<a> – создает гиперссылку.
<img> – вставляет изображение.
<ul>, <ol>, <li> – создают неупорядоченный или упорядоченный список.
<div> – определяет блок элемента для создания контейнеров.
<span> – определяет строчный элемент для стилизации отдельных частей текста.
<table>, <tr>, <td> – создают таблицы, строки и ячейки.
<form> – определяет форму для ввода данных.
<input> – создает поле ввода внутри формы.
<button> – создает кнопку.
<textarea> – создает многострочное текстовое поле.
<select>, <option> – создают выпадающий список.
<hr> – рисует горизонтальную
линию (разделитель).<!– … –> – комментарий.
Списки и таблицы:
<dl>, <dt>, <dd> – создают определение списка (словарь).
<ul>, <ol>, <li> – дополнительные атрибуты могут изменять структуру и внешний вид списков (маркированные, нумерованные списки).
<table>, <thead>, <tbody>, <tfoot>, <tr>, <th> – для создания и стилизации таблиц.
Формы и ввод данных:
<form> – содержит элементы формы.
<input> – различные типы для ввода текста, пароля, чекбоксов, радиокнопок и др.
<select>, <option> – создают выпадающий список.
<button> – создает кнопку.
<textarea> – создает многострочное текстовое поле.
<label> – связывает текст с элементом формы для улучшения доступности.
Мультимедиа:
<audio>, <video> – встраивают аудио и видео контент.
<source> – определяет источники мультимедийных данных.
Гиперссылки и маркеры:
<a> – ссылка, может содержать текст, изображение или другие элементы.
<nav> – обозначает блок навигации.
<header>, <footer> – определяют верхнюю и нижнюю части страницы соответственно.
Метаданные:
<meta> – предоставляет метаданные, такие как кодировка, описание, ключевые слова.
Структурные элементы:
<article> – обозначает независимую статью в документе.
<section> – определяет раздел в документе.
<aside> – обозначает содержание, которое находится в стороне от основного контента.
<figure>, <figcaption> – используются для встраивания графики с подписью.
Стилизация:
<style> – встраивает стилевые правила непосредственно в документ.
<link> – связывает документ с внешними ресурсами, такими как таблицы стилей.
Скрипты и взаимодействие:
<script> – встраивает или подключает внешние скрипты.
<noscript> – предоставляет контент для пользователей, у которых отключен JavaScript.
Графика:
<img> – встраивает изображение.
<svg> – для векторной графики.
<canvas> – создает поле для рисования с помощью JavaScript.
Метки:
<mark> – помечает текст для выделения.
<abbr> – определяет аббревиатуру.
<cite> – ссылается на название источника цитаты.
Фреймы и встроенные ресурсы:
<iframe> – встраивает фрейм для отображения внешнего контента.
<embed>, <object> – встраивают веб-ресурсы, такие как аудио, видео или флеш.