Абсолютно располагая все на веб-сайт?

Это объект, поэтому map не будет работать. Вместо этого переберите Object.entries:

const object = {"Title":"asb","Date":"2019","Other":"not important"};
Object.entries(object).forEach(([key, value]) => document.getElementById("list").innerHTML += `<li>${key}: ${value}</li>`);
<ul id="list"></ul>

7
задан Seb 17 March 2009 в 13:11
поделиться

11 ответов

Интернет не является печатью, я не думаю, что это идеально к, абсолютно располагают все. Я утверждал бы, что можно удостовериться, что вещи выглядят лучше при помощи метода, возможно, увеличенного при помощи ЭМСА для некоторых ширин, чтобы позволить странице быть немного большим количеством жидкости на различных размерах экрана (и точки на дюйм). Это позволяет Вашему содержанию масштабироваться лучше, и с мобильным просмотром, становящимся более популярным, это важно.

По моему опыту, страницы имеют тенденцию выглядеть лучше полными, когда Вы планируете свою страницу должными быть адаптироваться немного к различным устройствам, в противоположность попытке вызвать 100%-е идеальные для пикселя разметки как Вы видели бы в печати. Это - просто не природа Интернета.

Править: Размышление об этом больше, использование всех абсолютных понятий могли бы действительно возвратиться, чтобы укусить Вас с мобильными браузерами, если Вы не осторожны. Что происходит, когда Ваш сайт использует абсолютное расположение на что-то как iPhone (предполагающий выравнивание некоторых элементов к углам)? Расположение было бы выровненное к углам iPhone, которые являются нечетным отношением (по сравнению с компьютерами) и намного меньшее разрешение; бросок всего из ненормального. При использовании комбинации плаваний/ширин/и т.д., Вы удостоверились бы, что сайт сохранил свой первоначальный размер, и необходимо было бы просто прокрутить.

18
ответ дан 6 December 2019 в 04:45
поделиться

Абсолютное расположение обычно симпатично плохо. Редко делайте Вы хотите, чтобы Ваш веб-сайт выглядел одинаково оконный на чьем-то 1024x768 ноутбук и полный экран на их 1920x1200 рабочий стол. Кроме того, удача, согласовывающая Ваше абсолютное расположение с различными пользовательскими размерами шрифта.

Напомните своей коллеге, что пользователи видели бы стиль, который они предназначают для веб-сайта, не стиля, который он предназначает (в причине.)

8
ответ дан 6 December 2019 в 04:45
поделиться

Мое общее мнение является концами, выравнивает по ширине средства.

Прагматизм безраздельно властвует здесь. Конечная цель должна заставить это работать как можно быстрее над самым широким диапазоном браузеров как возможные. Использовать ли абсолютное расположение, использовать ли таблицы, использовать ли чистый CSS... все эти вопросы, в лучшем случае вторичны.

Я на самом деле нахожу это причудливым сколько "ненависть таблицы" существует там, но, как был зарегистрирован бесчисленные времена, если Вы хотите сделать некоторые вещи (как вертикальное центрирование) и иметь его совместимая спина к IE6 нет никакого более быстрого, более легкого и более совместимого решения.

Я не за или против таблиц, абсолютного расположения или чего-либо. Единственная вещь, для которой я, состоит в том, что это работает.

Таким образом в той вене, я нахожу, что аргумент о "радикальном" абсолютном расположении - из-за отсутствия лучшее описание - несоответствующие отвлекающие факторы.

Со всеми этими вещами (таблицы, абсолютное расположение, чистый CSS, и т.д.) в большинстве случаев Вы не решаете все свои проблемы, Вы просто торгуете одним набором проблем для другого. Это могло бы быть в порядке, потому что в контексте то, что Вы делаете один набор проблем, могло бы быть предпочтительным, но нет никакого чудодейственного средства (быть им абсолютное расположение или что-либо еще).

На основе опыта у меня было столько же проблем, заставляющих абсолютное расположение сделать то, что я хочу (перекрестный браузер) сколько любой другой подход.

14
ответ дан 6 December 2019 в 04:45
поделиться

Гарантия, что все выглядит одинаково через все браузеры, является трудной целью, прежде всего, потому что Вы всегда стремитесь к движущейся цели.

Веб-сайты являются механизмом доставки для содержания, которое является главным образом текстовым по своей природе. Если Ваше содержание полагается на идеальное для пикселя расположение, такое как анимированные изображения и т.п., HTML и JavaScript не могут быть лучшим решением для Вас. Должно действительно иметь значение, если Ваши абзацы на один пиксель ниже на странице в Firefox, чем в IE?

6
ответ дан 6 December 2019 в 04:45
поделиться

Он утверждает, что лучшая практика для обеспечения этого все выглядит всем одинаковым через большинство браузеров

Вы не можете защитить это, все выглядит всем одинаковым через большинство браузеров. Шрифты всегда представляются по-другому в зависимости от платформы, настроек и доступности. При использовании настоящего абсолютного расположения   —  as в каждый элемент имеет свой набор горизонтального и вертикального положения в пикселях   —  then, любое отклонение на размере шрифта может привести к строкам текста, записанного друг на друге, делая страницу нечитабельной.

Существуют средства проектирования WYSIWYG, которые делают это (и некоторые люди злоупотребляют DreamWeaver тот путь), но он обычно рассматривал забавно плохой подход. Чаще всего абсолютное расположение используется только в горизонтальной оси, для создания заголовков фиксированной ширины и нижних колонтитулов, позволяя текст на странице поднять столько же вертикального пространства по мере необходимости. (Это - то, что ТАК делает, например, среди многих других.)

Фиксированным по сравнению с жидкостью аргументом расположения на ширине браузера является религиозная война, которая будет бушевать навсегда, но, очевидно, корректная сводка - то, что жидкость является лучшей.;-)

(..., если тяжелее осуществить, естественно.)

это - самый легкий способ поддержать взгляды и чувствовать, что Вы предназначили для веб-сайта.

Да! Плохой способ решить проблему является довольно часто самым легким. Но “лучшая практика”? Едва.

3
ответ дан 6 December 2019 в 04:45
поделиться

Пока это может быть довольно субъективно, я не поклонник абсолютного расположения, поскольку необходимо послать багажом с CSS, отключенным, чтобы видеть, как содержание ухудшает для не-CSS осведомленные браузеры (такие как поисковые системы, основанные на консоли текстовые браузеры и HTML-> Речевые браузеры для слепых).

Другое основное преимущество, не располагая абсолютно, состоит в том, что можно было больше обобщить CSS, совместно использованный через весь сайт, не имея необходимость замусорить операторы расположения на всем протяжении кода - будет ужасно, если клиент внезапно заставит их логотип иметь отношение другого аспекта и должен будет переместить все...

4
ответ дан 6 December 2019 в 04:45
поделиться

Используя абсолютное расположение будет всегда кусать Вас позже. Сайт должен быть в нормальном потоке как можно больше, так, чтобы элементы могли находиться друг относительно друга (растите/уменьшайте, коллапс при сокрытии, и т.д.).

С абсолютно фиксированным макетом Вы будете всегда обязаны настраивать расположение каждый раз, когда содержание изменяется.

Я только когда-либо действительно использую абсолютное расположение по трем причинам:

1) Я помещаю элемент сверху другого элемента, как всплывающее окно.

2) Нет действительно никакого хорошего способа поместить элемент, где это должно быть в нормальном потоке

4) Элементом будут управлять динамично (JavaScript), и это должно произойти за пределами нормального потока.

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

3
ответ дан 6 December 2019 в 04:45
поделиться

Используйте абсолютное расположение только, когда Вы на 100% уверены, что включенные элементы никогда не должны будут масштабировать свой размер и не будут перемещены. Если Вы абсолютно расположили некоторый элемент, и затем другой растет, они могут наложиться, и Ваше расположение повреждается. Я использовал бы абсолютное расположение очень тщательно и обычно совет против него. То же расположение может почти всегда достигаться при помощи плавающих элементов и/или относительного расположения.

2
ответ дан 6 December 2019 в 04:45
поделиться

cletus имеет точку. Как разработчики, вопрос в конечном счете - как полный мы хотим быть? Если вывод Вашего сайта быстро является самым важным, затем дополнительные меры предосторожности могут быть принесены в жертву. Если создание "пуленепробиваемого" сайта является приоритетом, затем делание так займет много времени и усилия. Я лично никогда не жертвовал бы расширяемостью и или удобство использования от имени удобства. Масштабирование среди прочего дисквалифицирует абсолютное расположение за расположение каждый раз в моей книге.

2
ответ дан 6 December 2019 в 04:45
поделиться

Используйте абсолютное расположение только, когда Вы на 100% уверены, что включенные элементы никогда не должны будут масштабировать свой размер и не будут перемещены. Если Вы абсолютно расположили некоторый элемент, и затем другой растет, они могут наложиться, и Ваше расположение повреждается.

Совершенно верно. Я просто заработал 500 маркеров, устраняющих сайт для некоторого парня и учащих ему, что его абсолютно расположенный веб-сайт повредил момент, он добавил так много как запятую, потому что текст будет обратное течение, и все это разваливается.

2
ответ дан 6 December 2019 в 04:45
поделиться

Я не поклонник при всем абсолютном расположении, но я видел, что веб-разработчики используют его для получения лучшего результата поиска, потому что они могут легко поместить самую важную текстовую часть в начале HTML, и использовать абсолютное расположение для расположения его, где оно на самом деле принадлежит.

Я не использовал бы его даже для того аргумента, потому что существуют способы заставить HTML быть дружественной поисковой системой, но все еще использовать жидкое расположение такой в качестве Идеальное Жидкое Расположение на 3 столбца или другие варианты.

0
ответ дан 6 December 2019 в 04:45
поделиться