Çfarë do të thotë kreu në html. Etiketa e kokës: krijimi, konfigurimi dhe caktimi

Përshëndetje të dashur lexues të blogut! Ne vazhdojmë seksionin "Krijimi i një siti nga e para", dhe në veçanti temën e etiketave ... Dhe sot do të shqyrtojmë etiketat që janë të pranishme në çdo faqe në internet - , Dhe . Ekziston edhe një etiketë tjetër që duhet të jetë në çdo dokument HTML dhe për të cilën kam shkruar tashmë në një nga artikujt e mëparshëm - kështu që ne nuk do ta prekim atë.

Në artikujt e mëparshëm të kolonës, kam shkruar për krijimin e një skedari bosh në formatin html. Në fakt, është përdorur në artikullin pro (këtu janë aplikuar etiketat e titullit). Tani do ta modifikojmë drejtpërdrejt këtë skedar me përshkrime të plota.

Dhe le ta fillojmë artikullin me redaktimin e skedarit të krijuar. Personalisht, e quajta index.html, por emri mund të jetë çdo gjë. Hapeni atë me çdo redaktues teksti (është më mirë të përdorni Notepad++, pasi ka theksim të kodit dhe pajisje të tjera të dobishme). Dhe menjëherë shtoni etiketa në të , Dhe pikërisht sipas radhës në të cilën janë shkruar. Mos harroni t'i mbyllni ato siç tregohet në pamjen e ekranit. Dokumenti do të duket si ky:

Tani merrni parasysh kuptimin e secilës etiketë veç e veç. Nuk është çudi që ato janë në të gjithë. dokument HTML.

Funksionet e etiketës

Pra, etiketa eshte nje enë(). Brenda saj është e gjithë përmbajtja e dukshme dhe e padukshme e faqes në internet (duke përfshirë etiketat Dhe ). Etiketa hapëse vjen menjëherë pas deklaratës Doctype dhe mbylljesështë në fund të dokumentit. Kështu, i bën të qartë shfletuesit se ku të fillojë përpunimin e dokumentit dhe ku ta përfundojë atë.

Teorikisht, ai vetë mund të kuptojë se çfarë dhe si. Pas te gjithave ? Ky është një përkthyes i gjuhës HTML dhe nuk ka gjasa që ai të fillojë përpunimin nga mesi i dokumentit dhe ta përfundojë para se të arrijë në fund. Pyetja, natyrisht, është e diskutueshme, por gjithmonë kam menduar (dhe tani nuk heq dorë nga mendimi im) se shkrimi i kësaj etikete është i detyrueshëm.

Edhe duke pasur parasysh se funksioni i këtij etiketi është vetëm në duke kufizuar përmbajtjen, ka atributet e veta (të cilat tani ose nuk përdoren fare, ose përdoren jashtëzakonisht rrallë). Burime të ndryshme tregojnë atribute që janë të ndryshme nga njëra-tjetra, kështu që unë nuk guxoj të paraqes versionin e saktë.

E vetmja gjë që mund të them me siguri është se shumica e atributeve nuk mbështeten nga HTML 4.01 ose janë të padëshirueshme. Megjithatë do t'ju jap një shembull. - këshillë mjeti kudo në dokument. Për shembull, kur kaloni miun mbi një imazh, mund të shihni tekst që shfaqet. Gjithashtu në rastin e kësaj etikete:

Dhe ja çfarë do të shihni kur kaloni pezullimin mbi një dokument me këtë përmbajtje:

Preferohet të përdoret atributi i titullit jo në etiketë , por në çdo zonë tjetër specifike të faqes. Së pari, është i përshtatshëm, dhe së dyti, motorët e kërkimit do ta trajtojnë më mirë faqen tuaj. Ky etiketë nuk ndikon drejtpërdrejt në optimizimin e burimeve. Shkojmë më tej.

Funksioni i etiketës

Dhe radha e radhës është etiketë . Ai përmban të gjithë informacionin teknik për faqen, i cili shërben për të ndihmuar shfletuesin dhe motorët e kërkimit. Etiketa është një etiketë kontejneri dhe pason menjëherë pas , vetëm ndryshe nga e fundit, etiketa mbyllëse nuk shfaqet në fund të dokumentit, por përpara etiketës hapëse .

Çfarë informacioni mund të gjeni në ? Por asnjë. Çdo gjë brenda kësaj etikete është e aksesueshme vetëm për syrin e njeriut duke parë kodin burimor të faqes. E gjithë përmbajtja në këtë etiketë është për motorët e kërkimit dhe shfletuesit. E vetmja gjë që mund të shihni disi është etiketa

Ну что постараемся привести код к такому виду? Конечно да!

Избавляемся от лишнего кода в head

П ервое, что нужно сделать так это объединить все файлы стилей вашей темы в один общий файл style.css. Для этого откройте последовательно дополнительные файлы стилей скопируйте из них код и вставьте в конец файла style.css После этих действий, можно удалить из header.php код вывода дополнительных стилей. В итоге в html у вас должна остаться только одна строчка подключения стилей вашей темы:

В коде файла шаблона функция реализует большую часть «дополнительных вставок» не нужных для блока head. Просто удалить эту функцию нельзя, так как это непременно повлечет за собой определенные последствия, что негативно может отразиться на работе блога.

Поэтому, лучше будет просто деактивировать подключение в область head стилей плагинов, через файл функций fuctions.php.

Очень важно! Перед какими либо изменениями в файле fuctions.php, не поленитесь сделайте его копию.

Используем следующий алгоритм:

1). Прежде чем начать отключать добавление плагинов в head скопируйте html код который они добавляют.

2). Создайте в области Body дополнительный блок к примеру под названием header:

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

3). Нужно тщательно просмотреть основной файл php плагина, хуки которого Вы собрались удалить. При помощи сочетания клавиш Ctrl+F отыщите там следующую конструкцию:

Add_action("wp_head", "plugin_function_here");

4). Чтобы корректно избавится от данного вызова, нужно добавить в файл functions.php следующую строку:

Remove_action("wp_head", "plugin_function_here");

5). Сохраняем шаблон и проверяем, что у нас получилось.
Уникальные случаи тоже встречаются, при которых применение remove_action для wp_head() не работает. Приведу в пример WP-PageNavi (версия 2.5.0), там явного вызова функции в wp_head() нет, невзирая на это, плагин подгружает свой файл стилей. Внимательно посмотрите на первоначальный код wp-pagenavi.php, там есть такая функция «Enqueue PageNavi Stylesheets», добавляющая стили через:

Add_action("wp_print_styles", "pagenavi_stylesheets");

Дописываем в самый конец файла функций fuctions.php перед ?>, следующую строку, чтобы отделаться от этого вызова:

Add_action("init", "remheadlink"); function remheadlink() { remove_action("wp_print_styles", "pagenavi_stylesheets"); }

В работе с ненужными вызовами и хуками просматривается определенный принцип – Вы ищите нужную функцию и отключаете ее.

Можно освободиться и от других не нужных элементов, которые вы не используете, применив хаки для functions.php, например:

Add_action("init", "remheadlink"); function remheadlink() { remove_action("wp_head","feed_links_extra", 3); // ссылки на дополнительные rss remove_action("wp_head","feed_links", 2); //ссылки на основной rss и комментарии remove_action("wp_head","rsd_link"); // для сервиса Really Simple Discovery remove_action("wp_head","wlwmanifest_link"); // для Windows Live Writer remove_action("wp_head","wp_generator"); // убирает версию wordpress }

Add_action("init", "remheadlink"); function remheadlink() { remove_action("wp_head","start_post_rel_link",10,0); remove_action("wp_head","index_rel_link"); remove_action("wp_head","rel_canonical"); remove_action("wp_head","adjacent_posts_rel_link_wp_head", 10, 0); remove_action("wp_head","wp_shortlink_wp_head", 10, 0); }

На последних версиях wordpress в блоке head появляется странный скрипт:

Script type text javascript window. wpemojiSettings baseUrl http: s.w.org images core emoji 72x72 ext png source concatemoji http: medicinahouse.ru wp-includes js wp-emoji-release.min.js? ver 4.2.4 !function a, b, c function d a var c b.createElement canvas d c.getContext c.getContext 2d return d d.fillText? d.textBaseline top

Этот скрипт добавляет набор стандартных смайликов Emoji, даже не знаю зачем вордпресс его добавил, ну да ладно. Убрать этот скрипт, можно при помощи добавления в самый конец файла функций, перед знаком?> следующей конструкции:

Add_action("init", "remheadlink"); function remheadlink() { remove_action("wp_head", "print_emoji_detection_script", 7); remove_action("admin_print_scripts", "print_emoji_detection_script"); remove_action("wp_print_styles", "print_emoji_styles"); remove_action("admin_print_styles", "print_emoji_styles"); }

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

Function _remove_script_version($src){ $parts = explode("?", $src); return $parts; } //Это для скрытия версии скриптов add_filter("script_loader_src", "_remove_script_version", 15, 1); //Это для стилей add_filter("style_loader_src", "_remove_script_version", 15, 1);

На этом у меня все. Спасибо за внимание.

Мета теги в html - это группа специальных тегов, которые находятся между тегами и . Из названия сразу понятно, что располагаются они в начале кода.

Заголовочные теги выполняют две важные задачи:

• Сообщают информацию о html-странице браузеру;
• Сообщают информацию поисковым системам про конкретный html-страницу;

Особенностью заголовочных тегов является то, что они визуально для пользователя не видны (исключением является тег

Теги

Теги

Тег

Le të shohim secilin grup veç e veç.

1. Etiketë

- Titulli i faqes. Ky është etiketa e vetme e kokës që është e dukshme për përdoruesit. Ka një rëndësi të madhe për motorët e kërkimit për sa i përket SEO. Është ky titull i faqes që shfaqet në dalje kur tregohen emrat e faqeve.

... ...

Kompozoni me kompetencë