Kompx.com or Compmiscellanea.com

Легкие браузеры для Linux

Операционные системы : Linux

Netsurf : Hv3 : Dillo : Links2

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

Легкие веб браузеры могут быть более продвинутыми - работать с CSS. Или менее - не работать с CSS или работать очень слабо.

Netsurf - / home page /

Самый продвинутый на данный момент легкий веб браузер для Linux. Весьма основательная поддержка CSS. Хорошая работа с HTML. Очень слабая поддержка JavaScript, которая может быть отключена. Для *nix систем есть версии, которые могут работать без X, используя framebuffer графической карты. Изначально создан для RISC OS и только потом портирован на Linux. Есть так же версии для других *nix систем, для AmigaOS, AmigaOS 4, Atari OS, BeOS/Haiku, Mac OS X, MorphOS.

Подробнее о технических характеристиках Netsurf )

NetSurf 3.0 on PuppyLinux 5.2.8:

netsurf-browser.org

[Image] : NetSurf - 1

NetSurf 3.0 on PuppyLinux 5.2.8:

w3schools.com/browsers/browsers_stats.asp

[Image] : NetSurf - 2

NetSurf 3.0 on PuppyLinux 5.2.8:

en.wikipedia.org/wiki/Netsurf

[Image] : NetSurf - 3

NetSurf 3.0 on PuppyLinux 5.2.8:

ebay.com

[Image] : NetSurf - 4

NetSurf 3.0 on PuppyLinux 5.2.8:

kompx.com/en/web-browsers-for-dos.htm

[Image] : NetSurf - 5

NetSurf 3.0 on PuppyLinux 5.2.8:

twitter.com

[Image] : NetSurf - 6

Hv3 - / home page /

Менее продвинутый легкий веб браузер для Linux, но все же имеющий значительную поддержку CSS. Слабая поддержка JavaScript / ECMAScript. Неплохая работа с HTML. Имеются версии для Linux и Windows.

Подробнее о технических характеристиках Hv3 )

Hv3 20070702:

tkhtml.tcl.tk

[Image] : Hv3 - 1

Hv3 20070702:

w3schools.com/browsers/browsers_stats.asp

[Image] : Hv3 - 2

Hv3 20070702:

en.wikipedia.org/wiki/Tkhtml

[Image] : Hv3 - 3

Hv3 20070702:

ebay.com

[Image] : Hv3 - 4

Hv3 20070702:

twitter.com

[Image] : Hv3 - 6

Dillo - / home page /

Частичная, улучшающаяся с новыми версиями поддержка CSS. Работа с HTML умеренно хорошая. Быстрый, быстрее только Links2. Разные версии Dillo работают в Linux, FreeBSD, Mac OS X и других *nix системах, RISC OS, на некоторых КПК и SONY PlayStation2. Есть порты под DOS и Windows.

Подробнее о технических характеристиках Dillo )

Dillo 2.2.1:

dillo.org

[Image] : Dillo - 1

Dillo 2.2.1:

w3schools.com/browsers/browsers_stats.asp

[Image] : Dillo - 2

Dillo 2.2.1:

en.wikipedia.org/wiki/Dillo

[Image] : Dillo - 3

Dillo 2.2.1:

ebay.com

[Image] : Dillo - 4

Dillo 2.2.1:

twitter.com

[Image] : Dillo - 6

Links2 - / home page /

Менее продвинутый легкий веб браузер для Linux - нет поддержки CSS; до версии 2.1pre28 была слабая, не мешающая поддержка JavaScript. Работа с HTML умеренно хорошая. Самый быстрый из рассматриваемых - может самый быстрый из вообще всех веб браузеров с графическим интерфейсом. Может работать и без X, используя SVGALib или framebuffer графической карты. Версии для Linux, FreeBSD, OpenBSD, NetBSD, других *nix систем, OS/2, AtheOS, BeOS, Windows (Cygwin).

( Подробнее о технических характеристиках Links2 )

Links2 2.1pre21:

links.twibright.com

[Image] : Links2 - 1

Links2 2.1pre21:

w3schools.com/browsers/browsers_stats.asp

[Image] : Links2 - 2

Links2 2.1pre21:

en.wikipedia.org/wiki/Links_(web_browser)

[Image] : Links2 - 3

Links2 2.1pre21:

ebay.com

[Image] : Links2 - 4

Links2 2.1pre21:

twitter.com

[Image] : Links2 - 6

Помимо вышеупомянутых, есть еще один легкий веб браузер - Mosaic-CK. Однако версия для Linux экспериментальная и требует к тому же установки дополнительного софта, что может оказать хлопотным или невозможным в некоторых дистрибутивах.


Aliosque subditos et thema

 

Вертикальное выравнивание CSS

 

Вертикальное выравнивание CSS блочного элемента, содержащего текст и изображения. Работает для разных комбинаций блочных и строчных элементов. Пример: Вертикальное выравнивание CSS Вертикальное выравнивание CSS HTML / XHTML. Код: <div class="parent"> <div class="child"> <div class="childcontent">Вертикальное выравнивание CSS</div> <div class="childcontent"><img src="image.jpg" width="68" height="68" alt="Image" /></div> <div class="childcontent">Вертикальное выравнивание CSS</div> </div> </div> CSS. Код: .parent {position: relative; left: 0px; top: 0px; height: 200px; display: table;} .child {position: relative; left: 0px; top: 0px; display: table-cell; vertical-align: middle;} .childcontent {position: relative; left: 0px; top: 0px;} Примечание: .parent и .childcontent могут быть выровнены по левому краю ("float: left;") или не выровнены, но чтобы этот способ вертикального выравнивания CSS сработал, .child должен быть без "float: left;". [ 1 ] А так же в Netscape 6.01+, Mozilla 0.6+. [ 2 ] А так же в Netscape 6.01+, Mozilla 0.6+.

Адаптивная HTML таблица

 

Если HTML таблица содержит слишком много данных, она становится шире, чем доступное пространство на странице и начинает за него выходить. Чтобы исправить ситуацию, можно добавить таблице горизонтальную прокрутку. Пример: 12345678910 Table_data_1 Table_data_2 Table_data_3 Table_data_4 Table_data_5 Table_data_6 Table_data_7 Table_data_8 Table_data_9 Table_data_10 HTML / XHTML. Код: <table> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> <th>9</th> <th>10</th> </tr> <tr> <td>Table_data_1</td> <td>Table_data_2</td> <td>Table_data_3</td> <td>Table_data_4</td> <td>Table_data_5</td> <td>Table_data_6</td> <td>Table_data_7</td> <td>Table_data_8</td> <td>Table_data_9</td> <td>Table_data_10</td> </tr> </table> CSS. Код: table {display: block; overflow-x: auto;} /* Дополнительные CSS, просто для приведения примера к некоему внешнему виду: */ table {border-collapse: collapse;} table td,th {padding: 10px; border: 1px #000 solid;} Примечание: CSS свойство display: block делает так, что таблица занимает по ширине только столько пространства, сколько ей нужно, чтобы вместить данные без визуальных искажений. Не больше, не растягиваясь по всей ширине доступного пространства на странице. Даже если в CSS код добавлен width: 100%. Пример: 123 Table_data_1 Table_data_2 Table_data_3 [ 1 ] А так же в Netscape 9.0. [ 2 ] А так же в Netscape 9.0.