7.2. Преобразование в XHTML

7.2.1. Модернизация типа документа до XHTML

45. Откройте index.htm. Операция поиска и замены распространяется на весь сайт, поэтому неважно, какой именно файл открыт. Файл требуется только для того, чтобы открыть диалоговое окно Find and Replace.

46. Оставаясь в режиме Split, поместите курсор в области Design после текста $899/child USD и нажмите Shift+Enter.  Указанная комбинация клавиш добавляет элемент разрыва строки – пустой тег <br>, который в данный момент вставляется в формате HTML. Это доказывает, что по умолчанию Dreamweaver генерирует код, не соответствующий стандартам XHTML. Объясняется это тем, что в определении типа документа указана модификация Transitional версии HTML 4.01, в которой применение тега <br> не является ошибкой.

47. Установите русскую кодировку: выберите Edit, Preferences, New document, Default encoding, выберите Кириллица (windows).

47. Выполните File, New, чтобы создать новый документ. Выбрите категорию Basic Page, а во втором столбце тип файла HTML. Установить флажок Make Document XHTML Compliant (Сделать документ, совместимым со спецификацией XHTML) в правом нижнем углу. Нажмите кнопку Create.

48. Выделите 1 и 2 строки нового документа, а затем выполните команды Edit, Copy, чтобы скопировать код в буфер обмена. Закройте новый файл, не сохраняя его.

Скопированный код выглядит следующим образом:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">"

49. Выполните Edit, Find and Replace, щелкните внутри области Replace и нажмите Ctrl+V, чтобы вставить из буфера обмена две строки кода.

50. Документ index.htm должен быть открыт. В режиме Code прокрутите страницу вверх и выделите первую и вторую строки. После этого выполните команды Edit, Copy, щелкните в области Find и вставьте эти две строки кода.

51. В списке Find in вверху диалогового окна выберите пункт Entire Current Local Site (Поиск на текущем сайте). Т.е. указание искать фрагмент кода в каждом HTML-файле сайта.

52. В раскрывающемся списке Search выберите пункт Source Code. Следует снять флажки Match case (Учитывать регистр), Match whole word (Только слово целиком) и Use regular expressions (Использовать регулярные выражения), а также установить флажок Ignore whitespace (Игнорировать пробелы).  

Вариант Text исключает поиск внутри кода. Если изменения вносятся в код страниц, и обязательно следует выбрать вариант Source Code.  

Опция Ignore whitespace (Игнорировать пробелы) позволяет игнорировать любое пустое пространство, например, принудительные возвраты, символы табуляции и отступы между текстом или элементами. Поскольку браузеры игнорируют пустое пространство в HTML, многие программисты используют пробелы, чтобы сделать код более удобным для чтения.

Опция Use regular expressions (Использовать регулярные выражения) заставляет Dreamweaver интерпретировать зарезервированные символы, используемые в регулярных выражениях (например,/d в регулярных выражениях соответствует любой цифре) в качестве символов регулярных выражений. Если флажок сброшен и задан запрос/d, программа будет искать сочетание /d, а не цифры.

53. Нажмите Replace All. Когда появится окно с предупреждением, нажмите Yes. Начнется операция поиска и замены. По умолчанию откроется панель Results, в которой указано, какие файлы были изменены. В данном случае будет изменено пять файлов.

54. Чтобы завершить эксперимент с разрывом строки, поместите курсор в области Design после текста $899/child USD и нажмите Shift+Enter.  На этот раз вместо тега <br>, который был вставлен ранее, будет добавлен тег <br />.

55. Удалите два созданных разрыва строки и сохраните файл index.htm.