HTML и XHTML. Подробное руководство

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Author(s): Муссиано Ч., Кеннеди Б.(Musciano,Kennedy)
Edition: 6изд
Publisher: Символ
Year: 2008

Language: Russian
Pages: 748

Оглавление......Page 8
Предисловие......Page 12
Для кого эта книга......Page 13
Как устроена эта книга......Page 15
Версии и семантика......Page 16
HTML и XHTML......Page 17
Функциональные возможности, объявленные нежелател......Page 18
Использование фрагментов кода......Page 20
Обратная связь......Page 21
Благодарности......Page 22
1.1. Интернет......Page 23
1.1.1. В начале......Page 24
1.1.2. HTML и Сеть......Page 25
1.1.3. Золотая жила......Page 26
1.2. Основные понятия Интернета......Page 27
1.2.1. Клиенты, серверы и броузеры......Page 29
1.2.2. Информационные потоки......Page 30
1.2.4. Стандартизация HTML......Page 31
1.3. HTML и XHTML – что они собой представляют......Page 33
1.4.1. Форма или содержание?......Page 34
1.5.1. Нестандартные расширения......Page 35
1.5.3. Избегать расширений......Page 36
1.6.1. Основные орудия......Page 37
1.6.2. Расширенный инструментарий......Page 39
2.1. На чем писать......Page 40
2.2. Первый HTML-документ......Page 41
2.3.1. Открывающий и закрывающий теги......Page 43
2.5. Плоть HTML- и XHTML-документов......Page 44
2.5.3. Мультимедийные элементы......Page 45
2.6.1. Внешний вид текста......Page 46
2.6.2. Элементы структуры......Page 49
2.7.1. URL......Page 51
2.7.2. Якоря......Page 52
2.7.3. Имена гиперссылок и навигация......Page 53
2.7.4. Что не под силу якорю......Page 54
2.8.1. Встроенные изображения......Page 55
2.8.2. Карты......Page 57
2.9.1. Неупорядоченные, упорядоченные списки и сп......Page 58
2.9.2. Строка поиска......Page 59
2.10. Таблицы......Page 60
2.11. Фреймы......Page 61
2.12. Таблицы стилей и JavaScript......Page 62
2.13. Вперед!......Page 63
3.1. Внешность обманчива......Page 64
3.3. Теги и атрибуты......Page 66
3.3.1. Синтаксис тегов......Page 67
3.3.3. Открывающие и закрывающие теги......Page 68
3.3.5. Без закрывающих тегов......Page 69
3.3.7. Игнорируемые и лишние теги......Page 70
3.4. Корректные документы и XHTML......Page 71
3.5.1. Приказывать или советовать......Page 72
3.5.3. Комментарии......Page 73
3.6. Элементы HTML/XHTML-документа......Page 74
3.6.1. Тег ......Page 75
3.7.1. Тег ......Page 77
3.7.2. Тег ......Page 78<br>3.7.3. Теги, относящиеся к заголовку......Page 80<br>3.8.1. Тег <body>......Page 81<br>3.9. Редакторская разметка......Page 82<br>3.9.1. Теги <ins> и <del>......Page 83<br>3.10. Тег <bdo>......Page 85<br>4.1. Разделы и абзацы......Page 87<br>4.1.1. Тег <div>......Page 88<br>4.1.2. Тег <p>......Page 91<br>4.2.1. Теги заголовков......Page 96<br>4.2.3. Использование заголовков нижних уровней......Page 99<br>4.2.4. Допустимое содержимое заголовков......Page 100<br>4.2.6. Вставка изображений в заголовки......Page 101<br>4.3.1. Логическая разметка......Page 102<br>4.4.1. Тег <abbr>......Page 103<br>4.4.3. Тег <cite>......Page 104<br>4.4.5. Тег <dfn>......Page 105<br>4.4.6. Тег <em>......Page 106<br>4.4.9. Тег <strong>......Page 107<br>4.4.10. Тег <var>......Page 108<br>4.4.14. Сводка тегов логических стилей......Page 109<br>4.4.17. Комбинирование логических стилей......Page 110<br>4.5.2. Тег <big>......Page 111<br>4.5.6. Тег <small>......Page 112<br>4.5.10. Тег <tt>......Page 113<br>4.5.15. Сводка тегов физических стилей......Page 114<br>4.5.17. Допустимое употребление......Page 115<br>4.6.1. Тег <br>......Page 116<br>4.6.2. Тег <nobr> (расширение)......Page 120<br>4.6.3. Тег <wbr> (расширение)......Page 121<br>4.6.5. Тег <pre>......Page 123<br>4.6.6. Тег <center> (нежелателен)......Page 126<br>4.6.7. Тег <listing> (архаизм)......Page 127<br>4.6.8. Тег <xmp> (архаизм)......Page 128<br>4.7.1. Тег <blockquote>......Page 129<br>4.7.2. Тег <q>......Page 131<br>4.8.1. Тег <address>......Page 133<br>4.9.1. Специальные символы......Page 135<br>4.10. Использование расширенной HTML-модели шрифт......Page 136<br>4.10.2. Тег <basefont> (нежелателен)......Page 137<br>4.10.3. Тег <font> (нежелателен)......Page 139<br>5.1.1. Тег <hr>......Page 144<br>5.1.3. Горизонтальные линейки в начале и конце до......Page 151<br>5.2. Изображения в документе......Page 152<br>5.2.1. Форматы изображений......Page 153<br>5.2.2. Когда следует использовать изображения......Page 158<br>5.2.4. Ускорение загрузки изображений......Page 159<br>5.2.6. Тег <img>......Page 161<br>5.2.7. Видеорасширения......Page 179<br>5.3.1. Дополнения и расширения тега <body>......Page 182<br>5.3.2. Расширенное предостережение......Page 187<br>5.4.1. Тег <bgsound>......Page 190<br>5.5.1. Тег <marquee>......Page 192<br>5.6.1. Встраивать или ссылаться?......Page 196<br>5.6.3. Стиль ссылок......Page 197<br>5.6.4. Вложение документов других типов......Page 198<br>6.1. Основы гипертекста......Page 199<br>6.2. Ссылки на документы: URL......Page 200<br>6.2.1. Как записывается URL......Page 201<br>6.2.2. Абсолютные и относительные URL......Page 203<br>6.2.3. URL типа http......Page 205<br>6.2.4. URL типа file......Page 211<br>6.2.5. URL для mailto......Page 212<br>6.2.6. URL типа ftp......Page 214<br>6.2.8. URL для news......Page 216<br>6.2.10. URL для telnet......Page 218<br>6.2.11. URL типа gopher......Page 219<br>6.3.1. Тег <a>......Page 220<br>6.3.3. Гиперссылки внутри одного документа......Page 228<br>6.4. Эффективное применение гиперссылок......Page 229<br>6.4.1. Списки ссылок......Page 230<br>6.4.2. Встроенные ссылки......Page 231<br>6.4.3. Что нужно и чего нельзя делать с гиперссыл......Page 233<br>6.5. Изображения, реагирующие на мышь......Page 234<br>6.5.1. Серверные карты......Page 235<br>6.5.2. Клиентские карты......Page 237<br>6.5.3. Тег <map>......Page 238<br>6.5.4. Тег <area>......Page 239<br>6.5.5. Пример клиентской карты......Page 244<br>6.5.7. Эффективное использование карт......Page 245<br>6.6.1. Тег <isindex> (нежелателен)......Page 246<br>6.7.1. Элемент заголовка <base>......Page 250<br>6.7.2. Элемент заголовка <link>......Page 252<br>6.8.1. Элемент заголовка <meta>......Page 254<br>6.8.2. Элемент заголовка <nextid> (архаизм)......Page 257<br>7.1. Неупорядоченные списки......Page 258<br>7.1.1. Тег <ul>......Page 259<br>7.2.1. Тег <ol>......Page 262<br>7.3. Тег <li>......Page 265<br>7.3.1. Изменение стиля и порядкового номера отдел......Page 266<br>7.4.1. Вложенные неупорядоченные списки......Page 268<br>7.4.2. Вложенные упорядоченные списки......Page 269<br>7.5.1. Тег <dl>......Page 270<br>7.5.2. Тег <dt>......Page 272<br>7.5.3. Тег <dd>......Page 273<br>7.6. Как использовать списки......Page 274<br>7.7.1. Тег <dir> (нежелателен)......Page 275<br>7.8.1. Тег <menu> (нежелателен)......Page 276<br>Глава 8. Каскадные таблицы стилей......Page 278<br>8.1. Элементы стилей......Page 279<br>8.1.2. Таблицы стилей на уровне документа......Page 280<br>8.1.3. Броузеры без поддержки стилей......Page 282<br>8.1.4. Внешние таблицы стилей......Page 283<br>8.1.5. Стили для разных устройств вывода......Page 285<br>8.1.6. <link> или @import?......Page 286<br>8.1.7. Ограничения, связанные с современными броу......Page 287<br>8.1.9. Приоритеты стилей......Page 288<br>8.2.1. Основы......Page 289<br>8.2.2. Множественные селекторы......Page 290<br>8.2.3. Контекстные селекторы......Page 291<br>8.2.5. Селекторы атрибутов......Page 293<br>8.2.6. Псевдоэлементы......Page 294<br>8.3.1. Регулярные классы......Page 296<br>8.3.2. Родовые классы......Page 297<br>8.3.4. Псевдоклассы......Page 298<br>8.3.5. Составные классы......Page 301<br>8.4.1. Значения свойств......Page 302<br>8.4.2. Наследование свойств......Page 305<br>8.4.3. Свойства шрифтов......Page 306<br>8.4.4. Выбор и синтез шрифтов......Page 311<br>8.4.5. Свойства цвета и фона......Page 314<br>8.4.6. Свойства текста......Page 321<br>8.4.7. Свойства контейнеров......Page 328<br>8.4.8. Свойства списков......Page 341<br>8.4.9. Табличные свойства......Page 344<br>8.4.10. Классификационные свойства......Page 347<br>8.4.11. Свойства генерируемого содержимого......Page 348<br>8.4.12. Аудиосвойства......Page 355<br>8.4.13. Вывод на печать......Page 360<br>8.5. Бестеговые стили – тег <span>......Page 364<br>8.6.1. Использовать ли таблицы стилей?......Page 365<br>8.6.2. Какой тип таблиц стилей применять и когда......Page 366<br>Глава 9. Формы......Page 369<br>9.1. Формы – основные понятия......Page 370<br>9.2. Тег <form>......Page 371<br>9.2.2. Атрибут enctype......Page 372<br>9.2.4. Атрибут method......Page 375<br>9.2.5. Атрибут target......Page 377<br>9.2.7. Атрибуты class, style, lang и dir......Page 378<br>9.3. Простой пример формы......Page 379<br>9.4. Получение данных из форм при помощи электрон......Page 380<br>9.4.1. Проблемы, связанные с отправкой форм по эл......Page 382<br>9.5. Тег <input>......Page 383<br>9.5.1. Поля ввода текста......Page 384<br>9.5.2. Выключатели......Page 388<br>9.5.3. Переключатели......Page 390<br>9.5.4. Активные кнопки......Page 391<br>9.5.5. Скрытые поля......Page 394<br>9.6. Тег <button>......Page 395<br>9.6.2. Атрибут type......Page 396<br>9.7.1. Тег <textarea>......Page 397<br>9.8.1. Тег <select>......Page 399<br>9.8.2. Тег <option>......Page 401<br>9.8.3. Тег <optgroup>......Page 402<br>9.9. Атрибуты формы общего назначения......Page 403<br>9.9.3. Атрибуты class, style, lang и dir......Page 404<br>9.9.5. Атрибут accesskey......Page 405<br>9.9.6. Атрибуты disabled и readonly......Page 406<br>9.10. Группировка элементов формы и обеспечение и......Page 407<br>9.10.1. Тег <label>......Page 408<br>9.10.2. Формирование групп......Page 409<br>9.11.1. Ограниченность броузеров......Page 411<br>9.11.3. Соображения о пользовательском интерфейсе......Page 412<br>9.11.5. Улучшенный макет старой формы......Page 413<br>9.12. Программирование форм......Page 415<br>9.12.1. Возвращение результатов......Page 416<br>9.12.2. Обработка GET-форм......Page 417<br>9.12.3. Обработка POST-форм......Page 420<br>10.1. Стандартная модель таблиц......Page 422<br>10.1.2. Пример таблицы......Page 423<br>10.2.1. Тег <table>......Page 424<br>10.2.2. Стандартные атрибуты таблиц......Page 430<br>10.2.3. Тег <tr>......Page 432<br>10.2.4. Теги <th> и <td>......Page 436<br>10.2.5. Тег <caption>......Page 442<br>10.3. Новейшие теги таблицы......Page 443<br>10.3.2. Тег <thead>......Page 444<br>10.3.4. Тег <tbody>......Page 445<br>10.3.5. Использование фрагментов таблицы......Page 446<br>10.3.6. Определение групп столбцов......Page 449<br>10.3.7. Тег <colgroup>......Page 450<br>10.3.8. Тег <col>......Page 452<br>10.3.9. Использование групп столбцов......Page 453<br>10.4. За пределами обычных таблиц......Page 454<br>11.1. Обзор фреймов......Page 456<br>11.2. Теги фреймов......Page 457<br>11.2.1. Что следует размещать во фреймах?......Page 458<br>11.3.1. Тег <frameset>......Page 459<br>11.3.2. Вложение тегов <frameset>......Page 464<br>11.4.1. Тег <frame>......Page 465<br>11.5. Тег <noframes>......Page 468<br>11.6. Встроенные фреймы......Page 470<br>11.6.1. Тег <iframe>......Page 471<br>11.7. Окна и фреймы в качестве цели......Page 472<br>11.7.1. Атрибут target тега <a>......Page 473<br>11.7.2. Специальные значения атрибута target......Page 474<br>11.7.4. Традиционное поведение ссылок......Page 476<br>11.8. Модель XFrames......Page 477<br>11.8.1. XFrames-документ......Page 478<br>11.8.2. URL-адреса в модели XFrames......Page 479<br>Глава 12. Исполняемое содержимое......Page 480<br>12.1.1. Модель объектов......Page 481<br>12.2. Вложенное содержимое......Page 485<br>12.2.1. Тег <object>......Page 486<br>12.2.2. Тег <param>......Page 493<br>12.2.3. Тег <applet> (нежелателен)......Page 495<br>12.2.4. Тег <embed> (расширение)......Page 498<br>12.3. JavaScript......Page 502<br>12.3.1. Тег <script>......Page 503<br>12.3.2. Тег <noscript>......Page 505<br>12.3.3. JavaScript-обработчики событий......Page 506<br>12.3.4. javascript-URL......Page 509<br>12.3.6. Тег <server>......Page 510<br>12.4. Таблицы стилей JavaScript (устарели)......Page 511<br>12.4.1. Синтаксис таблиц стилей JavaScript......Page 512<br>12.4.2. Свойства таблиц стилей JavaScript......Page 516<br>13.1. Обзор динамических документов......Page 518<br>13.2. Client-pull-документы......Page 519<br>13.2.2. Значение поля Refresh......Page 520<br>13.2.3. Получение содержимого, отличного от HTML......Page 522<br>13.2.4. Комбинирование поля Refresh с другими пол......Page 523<br>13.2.5. Соображения об эффективности......Page 524<br>13.3.1. Тип передачи данных multipart/mixed......Page 525<br>13.3.2. Тип передачи данных multipart/x-mixed-rep......Page 526<br>13.3.4. Создание SP-документов......Page 527<br>14.1.1. Устройства......Page 530<br>14.1.2. Мобильный доступ к сети......Page 532<br>14.2.1. Ограничения броузера......Page 533<br>14.2.2. Ограничение способа ввода......Page 534<br>14.2.4. Ограничения дисплея......Page 535<br>14.3.1. Поддерживаемые теги......Page 536<br>14.3.2. Намерения и результат......Page 539<br>14.4.1. Изучите своего пользователя......Page 540<br>14.4.2. Ссылки и навигация......Page 541<br>14.4.3. Формы......Page 542<br>14.4.4. Компоновка и представление страницы......Page 543<br>14.4.5. Изображения......Page 545<br>14.4.6. Общие советы......Page 546<br>Глава 15. XML......Page 547<br>15.1. Языки и метаязыки......Page 548<br>15.1.1. Информация и ее отображение......Page 549<br>15.1.2. Немного истории......Page 550<br>15.2. Документы и DTD......Page 551<br>15.3. Как читать XML DTD......Page 552<br>15.3.2. Сущности......Page 553<br>15.3.3. Объявления сущностей......Page 554<br>15.3.4. Элементы......Page 556<br>15.4.1. Последовательность, выбор, группировка и ......Page 557<br>15.4.3. Грамматика элементов в XML......Page 559<br>15.4.4. Смешанное содержимое элементов......Page 560<br>15.5.1. Значения атрибутов......Page 562<br>15.5.2. Обязательные и принимаемые по умолчанию а......Page 563<br>15.6. Условные разделы......Page 565<br>15.7.1. DTD адреса XML......Page 566<br>15.8.1. Создание новых языков разметки......Page 567<br>15.8.2. Обмен документами......Page 568<br>15.8.3. Системы соединения......Page 569<br>15.8.4. Стандартизация HTML......Page 570<br>Глава 16. XHTML......Page 571<br>16.1. Зачем нужен XHTML?......Page 572<br>16.1.1. XHTML DTD......Page 573<br>16.2.1. Объявление типа документа......Page 574<br>16.2.2. Понятие пространства имен......Page 575<br>16.3. HTML и XHTML......Page 577<br>16.3.1. Корректно вложенные элементы......Page 578<br>16.3.3. Пустые элементы......Page 579<br>16.3.4. Зависимость от регистра......Page 580<br>16.3.6. Явное указание значений атрибутов......Page 581<br>16.3.8. Атрибуты id и name......Page 582<br>16.4.1. Нововведения в XHTML 1.1......Page 583<br>16.5. Использовать ли XHTML?......Page 584<br>16.5.3. Ленивые авторы и снисходительные броузеры......Page 585<br>16.5.4. Время, деньги и стандарты......Page 586<br>16.5.6. Что же делать?......Page 587<br>17.1.1. Дизайн с оглядкой на аудиторию......Page 588<br>17.1.2. Единообразие документов......Page 589<br>17.2.1. Во что превратился мой документ?......Page 590<br>17.2.2. Когда и зачем нужно редактировать работу ......Page 593<br>17.2.3. Используйте лучшее......Page 594<br>17.3.1. Страницы с несколькими столбцами......Page 595<br>17.3.2. Боковые заголовки......Page 598<br>17.3.3. Улучшенное макетирование форм......Page 599<br>17.4.1. Направление документа в окно......Page 601<br>17.4.2. Преодоление чужих нацеливаний......Page 602<br>17.4.3. Несколько фреймов в одной гиперссылке......Page 603<br>Принятые обозначения......Page 605<br>Пунктуация......Page 606<br>Первичные нетерминальные символы......Page 607<br>Грамматика......Page 608<br>Основные атрибуты......Page 616<br>Краткий справочник по HTML......Page 618<br>Приложение С. Краткий справочник по свойствам каскадных таблиц......Page 650<br>Приложение D. HTML 4.01 DTD......Page 661<br>Приложение E. Расширенные средства макетирования для Netscape......Page 680<br>Приложение F. Коды символов......Page 700<br>Названия цветов......Page 706<br>Стандартная палитра......Page 708<br>Выделение пустого пространства......Page 710<br>Тег <spacer> (устарел)......Page 711<br>Имитация тега <spacer>......Page 714<br>Вывод текста в несколько колонок......Page 715<br>Тег <multicol> (устарел)......Page 716<br>Вывод в несколько колонок другими броузерами......Page 720<br>Слои......Page 721<br>Тег <layer> (устарел)......Page 722<br>Тег <ilayer> (устарел)......Page 732<br>Алфавитный указатель......Page 734<br> </div> </div> <div class="tab-pane fade" id="women-tab-pane" role="tabpanel" aria-labelledby="women-tab" tabindex="0"> <div class="content__body"> <div id="disqus_thread"></div> <script> /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable }; */ (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = 'https://ebookily.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> <noscript>Please enable JavaScript to view the <a rel="nofollow" href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> </div> </div> </div> </div> </div> </div> </section> <!-- Footer Section Start --> <footer class="footer__section"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-12 col-sm-12"> <div class="footer__wrapper"> <div class="footer__widget d-block"> <div class="footer__logo"> <a href="/"><img src="/assets/images/logo/logo.png" alt="logo" /></a> </div> <p>Ebookily is a publicly available free scientific platform. Learning has never been so easy.</p> <div class="footer__social"> <a rel="nofollow" href="https://www.facebook.com/ebookily"><i class="fa-brands fa-facebook"></i></a> <a rel="nofollow" href="#"><i class="fa-brands fa-twitter"></i> </a> <a rel="nofollow" href="#"><i class="fa-brands fa-linkedin"></i></a> <a rel="nofollow" href="#"><i class="fa-brands fa-instagram"></i></a> </div> </div> </div> </div> <div class="col-lg-2 col-md-3 col-sm-12"> <div class="footer__wrapper"> <div class="footer__widget"> <div class="title"> <h5>My Account</h5> </div> <ul> <li><a rel="nofollow" href="/about">About</a></li> <li><a rel="nofollow" href="/dmca">DMCA & Copyright</a></li> <li><a rel="nofollow" href="/terms">Terms</a></li> <li><a rel="nofollow" href="/privacy">Privacy</a></li> <li><a rel="nofollow" href="/contact">Contact</a></li> </ul> </div> </div> </div> <div class="col-lg-2 col-md-3 col-sm-12"> <div class="footer__wrapper"> <div class="footer__widget"> <div class="title"> <h5>Infomation</h5> </div> <a title="DMCA.com Protection Status" rel="nofollow" target="_blank" href="https://www.dmca.com/site-report/ebookily.org"><img width="150" height="53" src="https://images.dmca.com/Badges/DMCA_logo-grn-btn150w.png?ID=145a9254-51e9-46c5-b021-51f04aba7b31" alt="DMCA.com Protection Status" title="DMCA.com Protection Status"></a> </div> </div> </div> <div class="col-lg-4 col-md-3 col-sm-12"> <div class="footer__wrapper"> <div class="footer__widget"> <div class="title"> <h5>Talk To Us</h5> </div> <div class="address"> <ul> <li> <a href="mailto:contact@ebookily.org"><i class="fa-solid fa-envelope"></i>contact@ebookily.org</a> </li> <li> 10 Brugstraat <br /> Zevenbergen <br /> Netherlands </li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer__content text-center"> <div class="content"> <p> © 2024 Copyright @ <a href="/">Ebookily.org</a> </p> </div> <!-- <div class="footer__payment"> <img src="/assets/images/footer-pay.png" alt="footer-pay" /> </div> <div class="link"> <a href="#"><i class="fa-brands fa-twitter"></i> </a> <a href="#"><i class="fa-brands fa-linkedin"></i></a> <a href="#"><i class="fa-brands fa-facebook"></i></a> </div> --> </div> </div> </div> </div> </div> </footer> <!-- Footer Section End --> <!-- Header Flyout Menu Start --> <div class="flyoutMenu"> <div class="flyout__flip"> <div class="flyout__inner"> <div class="menu__header-top"> <div class="brand__logo"> <a href="/"><img src="/assets/images/logo/logo.png" alt="logo" /></a> </div> <!-- Close --> <div class="closest__btn action__btn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M6 6L18 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> <!-- Close --> </div> </div> <!-- Search Form --> <form action="/search.php" method="get" class="search__form full__width"> <input type="search" class="form-control" name="q" placeholder="Search Books & documents" /> <button type="submit"> <img src="/assets/images/search.png" alt="search" /> </button> </form> <!-- Search Form --> <div class="flyout__menu"> <ul class="flyout-main__menu"> <li> <a href="/category/technique">Technique</a> </li> <li> <a href="/category/history">History</a> </li> <li> <a href="/category/mathematics">Math</a> </li> <li> <a href="/category/linguistics">Linguistics</a> </li> <li> <a href="/category/computers">Computers</a> </li> <li> <a href="/category/other-social-sciences">Social Sciences</a> </li> <li> <a href="/category/psychology">Psychology</a> </li> </ul> </div> </div> </div> </div> <!-- Header Flyout Menu End --> <!-- JS --> <script src="/assets/js/jquery-3.6.0.min.js"></script> <!--<script src="/assets/js/popper.min.js"></script> --> <script src="/assets/js/bootstrap.min.js"></script> <!--<script src="/assets/js/jquery.fancybox.min.js"></script>--> <!--<script src="/assets/js/jquery.plugin.min.js"></script> <script src="/assets/js/jquery.countdown.min.js"></script> <script src="/assets/js/counterup.min.js"></script> <script src="/assets/js/jquery.waypoints.js"></script> <script src="/assets/js/jquery.nice-select.js"></script>--> <script src="/assets/js/swiper-bundle.min.js"></script> <script src="/assets/js/scripts.js"></script> </body> </html>