Web-страница







Моя дорога в изучении HTML, PHP, CSS и MySQL

Web-страница

Перед созданием Web-страницы надо выбрать стандарт HTML, который прописывается в !DOCTYPE. В редакторе HTML-кода KompoZer создаётся Web-страница стандарта HTML 4.01 Strict (строгий). Хотя в Блокноте можно сменить стандарт, но если посмотреть код, то там будет очень много лишнего. Стоит ли работать в редакторах HTML? Только ради интереса можно ознакомиться. При создании этого сайта я использовала стандарт XHTML 1.1. Итак, исходный код пустой Web-страницы стандарта XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<title>Заголовок Вашей Web-страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
</head>
<body>

</body>
</html>

Давайте каждому документу описание в теге description. Количество символов ограничено. Например для этой страницы:
<meta name="description" content="html-код для создания web-страницы, какой стандарт html выбрать, валидность">

Не забывайте о ключевых словах, по возможности уникальных для каждой страницы, которые разделяются запятой. Количество символов ограничено. Например:
<meta name="Keywords" content="web-страница, html-код, !doctype, стандарты html, валидность">

Фон Web-страницы     Таблица HTML-кодов "безопасных" цветов. Скачать в формате pdf
переход на страницу электронного пособия этого сайта, чтобы не повторяться. Если нужен однотонный фон, но ни один из "безопасных" цветов не подходит, то создайте маленькое (20*20) изображение, залейте любимым цветом, сохраните в формате jpg или png. Можно вырезать маленький кусочек нужного цвета на каком-либо изображении.

В папке сайта кроме файлов index.html (index.php) и .htaccess обязательно создаю папки: images, styles (для файлов стилей). Другие - по необходимости. О строке: link rel="shortcut icon" href="favicon.ico" type="image/x-icon" в совете 3.
Строка link rel="stylesheet" type="text/css" href="styles/styles.css" указывает путь к файлу стилей.

Программисты переключились на работу над стандартом HTML5, который ещё не утверждён, но на нём уже написано много сайтов. Чтобы указать стандарт HTML5 Web-страницы, нужно в HTML-коде записать: <!DOCTYPE html>. Но стоит ли это делать прежде, чем изучишь HTML5, если при проверке на валидность, обнаруживаешь десятки ошибок на валидной в стандарте XHTML 1.1 Web-странице?

Попробовала, ничего не изучая, перевести эту валидную страницу в стандарт HTML5, обнаружилось 8 ошибок. Видела сайты, на страницах которых было до сотни ошибок. Значит, нужно изучать стандарт HTML5, прежде, чем переходить на него. Хотя всё работает, но ошибки замечают поисковые системы. Наличие ошибок - минус на оценке качества сайта.

При создании Web-страниц, по-моему, невозможно обойтись без ошибок. Проверка на валидность заставляет вникать в исходный код страницы, чтобы исправлять ошибки, а это хорошо для накопления опыта.

PHP или HTML Web-страница?






Copyright © 2015. Хайманова Татьяна Яковлевна. Все права защищены.