5 распространенных HTML -ошибок во время строительства веб -сайта
1. Настройки цвета фона веб -страницы
Шанс на ошибку: очень высокий
Универсальность: шире
Возможность совершения ошибок: ленивый/не уверен
Около 2 лет назад я обнаружил, что на 21CN не было цвета фона. Я уведомил их, используя электронную почту, и с тех пор я никогда не делал эту проблему.
У большинства людей в окнах есть цвета белого фона, но если кто -то вроде меня - человек, они изменят цвет фона окон окон на сером или другие цвета. Таким образом, если вы не установите цвет фона веб -страницы, вы думаете, что обычная веб -страница будет выглядеть как беспорядок на моем компьютере.
2. злоупотребление центром выравнивания
Вероятность ошибки: очень высокая
Универсальность: очень широкая
Возможность ошибок: думайте, что это удобно / думает, что это легко использовать
На работе часто модифицировать и поддерживать веб -страницы других людей, и я обнаружил, что у многих людей плохая привычка:
В тексте или изображении в таблице, как вы делаете это в центре, влево или вправо?
Div Div Align = Center> Привет всем! ! Hears/div>
Div Div Align = Center> ϩ Img src =/xx.gif> ϩ/div>
Когда некоторые таблицы много, тексты много, а содержание очень тщательно разделяется, люди, которые любят использовать этот метод (ключ сочетания в DW - Ctrl+Alt+C, я не знаю, что такое FP) часто использует его дико. Жаль. Когда я сталкиваюсь с такой веб -страницей, у меня болит голова. Зачем мне использовать так много <div>, чтобы сосредоточить его? Скажи мне, почему? У таблицы нет центрирующего атрибута? Зачем добавлять эти нежелательные коды? При его изменении вы не можете удалить текст или изображения и автоматически очистить его.
Рекомендуется использовать <td align = center> для центра. Когда требуется множественное позиционирование, рассмотрим <div align = center>. Поскольку с этим кодом нелегко справиться, поэтому, если вместо этого вы можете использовать таблицу, вместо этого используйте таблицу.
3. код повторного использования, который реализует ту же функцию или грязный код
Вероятность ошибки: очень распространенная
Универсальность: очень распространена
Возможность совершения ошибок: сложные и разнообразные
Давайте посмотрим на следующий код:
Центр> ϩ P> ϩ FONT> ϩ FONT> ϩ FONT COLOR =#CCCCCC> ъем FONT COLOR =#FFA76C Style = Font-Size: 14px; fant-family: 家家> /font> ϩ/font> /font>
Hears/Center> Как вы думаете, как выглядит такой код? Font> ϩ/P>
Я не знаю, что чувствуют читатели. Как только я увижу такой код, я буду онеметь в течение десяти секунд. Цель этих десяти секунд состоит в том, чтобы найти слово, которое может выразить мои мысли и чувства (я? Вы хотите спросить меня? Извините ~~, я обычно не делаю никаких ошибок, потому что я трачу хотя бы половину своего кода просмотра на веб -страницах, и я вижу, что в коде слишком много вещей, которые не должны быть слишком много.).
Посмотрите на приведенный выше код. Он использует 2 класса и 4 шрифта для определения 2 текстов. На самом деле, такие проблемы часто вызваны постоянными модификациями людей. Люди, которые не знакомы с кодом, лень просматривать код или не любят просматривать код, эти проблемы особенно серьезны. Конечно, на самом деле нет проблем, когда другие просматривают эту веб -страницу, но человек, который ее поддерживает ......
Эти дополнительные нежелательные коды могут быть полностью опущены. На самом деле, приведенные выше примеры недостаточно серьезны, и я видел их еще более ужасными.
Еще один вопрос, который следует упомянуть, - это ъем P> ... ϩ/p> и ϩ Center> ... ϩ/Center>, зачем их использовать? Скажи мне, почему ~~, что это:
Ъем TD> ϩ Div Align = Center>
Ъем Центр>
P Align = Center> ϩ/P>
p align = center> ϩ font> ϩ font> ϩ font color =#cccccc> font color =#ffa76c style = font-size: 14px; font-family: 家家> /font> ϩ/font> ϩ/font>
Hears/center> ϩ/td> Как вы думаете, как выглядит такой код? /font> ϩ/p> ϩ/center> ϩ/div> ϩ/td>
Я буду беспомощным, когда увижу такой код (еще более беспомощно заключается в том, что я часто вижу его, и я должен читать его). Позвольте мне упростить это:
TD ALIGN = CENTER>
Font color =#ffa76c style = font-size: 14px; font-family: 家家> заголовок ϩ/font>
Как вы думаете, как выглядит такой код? Hears/td>
Вы, кажется, чувствуете, что мир намного тише? Завершение текста после заголовка может быть определена в классе <TD>. Даже если вы не используете CSS, можно использовать дополнительный <.font>, он все еще очень освежает.
4. Таблица неправильно вложенная
Вероятность ошибки: нормальная
Универсальность: универсальная
Возможность совершать ошибки: не знаю этого
На самом деле, это проблема осознания улиц, но люди все еще продолжают доставлять проблемы. Неправильные вложенные формы могут заставить вас ругать босс в офисе и заставлять вас думать, что обычная веб -страница не может быть открыта в течение 2 или 3 минут с ADSL. Давайте сначала поговорим о первой проблеме, которая заключается в том, чтобы постоянно гнетать столы в большом столе, которая замедлит скорость открытия веб -страниц (хотя текущая IE улучшила эту проблему, она все еще не рекомендуется сделать это). С другой стороны, обслуживание и модификация также чрезвычайно неудобны. Вообще говоря, нет проблем с простым применением, даже слоями 3 или 4, но не помещайте весь контент в одну таблицу. Вторая проблема - поместить все в большую таблицу, и она включает бесплатный встречный код. Хе -хе, угадай, что возможно? На самом деле, это не имеет большого значения. Самое серьезное то, что ваш т.е. как авария, и ничего не отображается. Решение состоит в том, чтобы поместить счетчик в одну таблицу, а не в той же таблице, что и другое содержимое.
5. При написании кодового вдоха используйте не вкладки, а пробелы
Вероятность ошибки: нормальная
Универсальность: меньше
Возможность ошибок: я не знаю, что вкладка лучше
Этот вопрос предназначен для JS, VBS, ASP, PHP и т. Д. Некоторые люди используют пространства, некоторые люди используют вкладки, если вы используете пространства, а затем переключитесь на вкладки.