MyTetra Share
Делитесь знаниями!
HTTM-Ссылки внутри страницы
19.01.2019
12:28
Автор: alensav
Текстовые метки: Ссылки, внутри, страницы, httm
Раздел: MyTetra - INTERNET

Ссылки внутри страницы



комментариев: 26

23.09.2010Влад Мержевич

Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку (якорь) в соответствующем месте и дать ей имя при помощи атрибута name тега <a>, как показано в примере 1.


Пример 1. Создание внутренней ссылки


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Закладка</title>

</head>

<body>

<p><a name="top"></a></p>

<p>Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.

Причем так разбил, что по назначению унитаз и использовать никак

нельзя, ни боком, ни передом. Мгновением назад только

что вот все было хорошо и вот уже дыра прямо в унитазе,

да такая, что можно забыть, что есть такой предмет в

доме. Махнул рукой нечаянно, а потом мучайся...

<p><a href="#top">Наверх</a></p>

</body>

</html>

Между тегами <a name="top"> и </a> отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.


Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки (пример 2).

============

СЕО

<html>

<head>

<title>

В мире животных - сайт о жизни животных и их повадках

</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="Title" content="Архив проектной документациина строительство (реконструкцию, капремонт) гражданских, и производственных объектов, включая линейные - инженерные сети и автомобильные дороги ">

<meta name="description" content="Архив проектной документации">

<meta name="keywords" content="архив, проектной, документации, проект, сети, инженерные сети, гражданских, гражданские, автомобильные дороги, дороги, разработка, разработка проекта, ремонт, капитальный ремонт,

 реконструкция, дк, больницы, электо, электрооборудование ">

<link rel="stylesheet" href="style.css" type="text/css">


</head>


<body>

<!-- начало общей таблицы всей страницы №1-->

<table height="100%" width="1024" align="center" cellpadding="0" cellspacing="0" border="0">

<tr><td valign="top">


<!-- начало таблицы "шапка" №2-->

<table width="100%" height="90" bgcolor="#ffff00" cellpadding="0" cellspacing="0" border="0">

<tr><td>Шапка сайта</td></tr>

</table>

<!-- конец таблицы "шапка" №2-->


<!-- начало средней таблицы №3-->

<table width="100%" height="600" cellpadding="0" cellspacing="0" border="0">

<tr><td>


<!-- начало вложенной средней таблицы №5-->

<table width="100%" height="100%" bgcolor="#ff0000" cellpadding="0" cellspacing="0" border="0">

<tr>


<!-- начало левой колонки вложенной средней таблицы №5-->

<td valign="top" width="224" bgcolor="#ff0000">Левая колонка</td>

<!-- конец левой колонки вложенной средней таблицы №5-->


<!-- начало правой колонки вложенной средней таблицы №5-->

<td valign="top" width="800" bgcolor="#FF8040">Центральная колонка</td>

<!-- конец левой колонки вложенной средней таблицы №5-->


</tr>

</table>

<!-- конец вложенной средней таблицы №5-->


</td></tr>

</table>


<!-- конец средней таблицы №3 -->


<!-- начало "подвала" №4-->

<table width="100%" height="90" bgcolor="#ff00ff" cellpadding="0" cellspacing="0" border="0">

<tr><td>Подвал сайта</td></tr>

</table>

Так же в этом разделе: