Kompx.com or Compmiscellanea.com

Текстовые браузеры для Linux

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

Lynx : Links : ELinks : W3m : Netrik : Retawq : Line mode browser

Когда появились дистрибутивы Linux для более или менее широкой публики, просмотр веб-страниц онлайн был недавним явлением, хотя какой-то путь был пройден. Уже существовало несколько браузеров, многие из которых были постепенно портированы под Linux. Некоторые текстовые браузеры были в первой волне. И через какое-то время Linux стал основной средой для текстовых браузеров, где большинство из них развивается и используется. Даже если они большей частью и предназначены не только для Linux, но так же и для различных других *nix систем. Существуют и их порты под множество других операционных систем для самых разных платформ.

Lynx - / home page /

Текстовый браузер. Версии для Linux, FreeBSD, Mac OS X, некоторых других *nix систем, DOS, Windows, BeOS, MINIX, QNX, AmigaOS, OpenVMS и классических Mac OS.

HTML ( Подробнее 1 ) ( Подробнее 2 )

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

lynx.isc.org

[Image] : Lynx - 1

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : Lynx - 2

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

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

[Image] : Lynx - 3

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : Lynx - 4

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : Lynx - 5

Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : Lynx - 6

Links - / home page 1 : home page 2 /

Текстовый браузер. Версии для Linux, FreeBSD, Mac OS X, некоторых других *nix систем, BeOS, Haiku, OS/2, DOS, Windows. Браузер может бы скомпилирован с поддержкой отображения графики, шрифтов разного размера со сглаживанием, работающим в Linux и иных *nix системах как под X (или другой оконной среде), так и используя SVGALib или framebuffer графической карты системы ( Перейти ).

HTML ( в том числе таблицы и фреймы )

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

links.twibright.com

[Image] : Links - 1

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : Links - 2

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

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

[Image] : Links - 3

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : Links - 4

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : Links - 5

Links 2.7 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : Links - 6

ELinks - / home page /

Текстовый браузер. Версии для Linux, некоторых других *nix систем, Windows, DOS.

HTML ( в том числе таблицы и фреймы ). Очень ограниченно CSS и JavaScript ( Подробнее ). Поддержка цветовой палитры в 16, 88 или 256 цветов. Поддержка вкладок, фоновых загрузок с оповещением об окончании загрузки. Экспериментальная поддержка протокола BitTorrent.

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

elinks.cz

[Image] : ELinks - 1

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : ELinks - 2

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

en.wikipedia.org/wiki/ELinks

[Image] : ELinks - 3

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : ELinks - 4

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : ELinks - 5

ELinks 0.12pre2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : ELinks - 6

W3m - / home page /

Текстовый браузер. Версии для Linux, некоторых других *nix систем, OS/2, Windows (в среде Cygwin).

HTML ( в том числе таблицы и фреймы ), SSL, цвет и внутристрочные изображения в поддерживающих эти возможности эмуляторах терминала / консолях. W3m может запускать некоторые CGI скрипты без HTTP-сервера, действуя сам как HTTP-сервер. W3m используется в текстовом редакторе Emacs для отображения веб-страниц вместе с соответствующим интерфейсом Emacs, emacs-w3m - для просмотра веб-страниц не выходя из редактора.

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3m.sourceforge.net

[Image] : W3m - 1

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : W3m - 2

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

en.wikipedia.org/wiki/W3m

[Image] : W3m - 3

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : W3m - 4

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : W3m - 5

W3m 0.5.2 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : W3m - 6

Netrik - / home page /

Текстовый браузер. Версии для Linux, некоторых других *nix систем.

HTML.

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

netrik.sourceforge.net

[Image] : Netrik - 1

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : Netrik - 2

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

freecode.com/projects/netrik

[Image] : Netrik - 3

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : Netrik - 4

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : Netrik - 5

Netrik 1.16.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : Netrik - 6

Retawq - / home page /

Текстовый браузер. Версии для Linux, некоторых других *nix систем. Среди версий для Linux retawq для DSLinux, дистрибутива для портативной игровой консоли Nintendo DS.

HTML. Сетевые протоколы: HTTP 1.1 and 1.0, HTTPS, FTP, FTPS, NNTP, Finger ( Подробнее ).

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

retawq.sourceforge.net

[Image] : Retawq - 1

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

[Image] : Retawq - 2

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

freecode.com/projects/retawq

[Image] : Retawq - 3

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

[Image] : Retawq - 4

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

[Image] : Retawq - 5

Retawq 0.2.6c в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

[Image] : Retawq - 6

Line Mode Browser - / home page /

Текстовый браузер. Версии для Linux, некоторых других *nix систем. И за пределами мира PC для VMS, VM/CMS, MVS, Ultrix (DECStation и VAX) и так далее.

Line Mode Browser является вторым по времени создания браузером. Первоначально он был одним из самых распространенных, но затем был замещен в этом качестве браузером Mosaic, а в своей специфической нише, просмотр веб-страниц в текстовом режиме, браузером Lynx. Так что Line Mode Browser в итоге стал тестовым приложением или примером библиотеки libwww и распространяется как часть пакета libwww. Развитие Line Mode Browser'а все еще продолжается.

HTML. Сетевые протоколы: HTTP, Gopher, FTP, NNTP, WAIS. Возможность переходить по ссылкам к telnet и rlogin сайтам. Поддержка кириллицы.

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3.org/LineMode

Line Mode Browser - 1

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

w3schools.com/browsers/browsers_stats.asp

Line Mode Browser - 2

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

en.wikipedia.org/wiki/Line-mode_browser

Line Mode Browser - 3

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

ebay.com

Line Mode Browser - 4

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

kompx.com/en/elinks.htm

Line Mode Browser - 5

Line Mode Browser 5.4.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux:

twitter.com

Line Mode Browser - 6

Так же существует текстовый браузер Debris, но его не всегда возможно скомпилировать и установить в современных дистрибутивах Linux. И Emacs/W3, текстовый браузер для текстового редактора GNU Emacs, созданный на языке GNU Emacs Lisp - его развитие видимо прекратилось с 14 Ноября 1999 года; вместо него используется W3m / emacs-w3m.


Aliosque subditos et thema

 

CSS выравнивание по центру : по ширине и по высоте - 2

 

Выравнивание содержимого страницы по центру в видимой области окна браузера с помощью CSS. Контейнер, в котором будет находиться всё содержимое веб-страницы выравнивается по центру - по ширине и по высоте - [ Открыть страницу-пример ]. HTML / XHTML. Код: <!DOCTYPE html> <html> <head> <title>CSS выравнивание по центру : по ширине и по высоте - 2</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div class="spacer">&nbsp;</div> <div class="wrapper"> <div class="pagecontent">&nbsp;</div> </div> </body> </html> CSS. Код: html {height: 100%; margin: 0px;} body height: 100%; margin: 0px;} .spacer {position: relative; top: 0px; left: 0px; height: 50%; width: 100px; float: left; margin: 0px 0px -250px 0px; background: #999;} .wrapper {position: relative; top: 0px; left: 0px; height: 500px; width: 100%; clear: both; background: #a3ddc4;} .pagecontent {position: relative; top: 0px; left: 0px; height: 500px; width: 800px; margin: 0 auto; background: #ff6f6f;} Контейнер .pagecontent - для всего содержимого веб-страницы. Этот контейнер должен быть с явно заданными размерами в px, em, и т.п. - не в процентах. Высота и ширина могут быть больше видимой области окна браузера, но в данном случае речь о более практическом случае - когда высота и ширина контейнера .pagecontent меньше, чем размеры видимой области окна браузера. Блок .pagecontent выравнивается в видимой области окна браузера по центру / по ширине с помощью "margin: 0 auto". .Wrapper создает пространство, где .pagecontent выравнивается по центру / по ширине. Ширина .wrapper равна 100%, что бы выравнивание по центру / по ширине происходило при разных размерах видимой области окна браузера. Высота .wrapper должна быть равна высоте контейнера .pagecontent. .Spacer выравнивает .wrapper с .pagecontent внутри по центру / по высоте в видимой области окна браузера. Ширина .spacer может быть любая. Высота равна 50%, это помещает верхний край .pagecontent вертикально по центру в видимой области окна браузера. Margin-bottom блока .spacer равный половине высоты .pagecontent выравнивает контейнер .pagecontent по центру / по высоте при любой текущей высоте видимой области окна браузера. Этот метод пригоден для всех основных современных браузеров. Он так же работает и в более старых браузерах, таких как Internet Explorer 6 или ранние версии Maxthon. Но высота контейнера, в котором находится содержимое страницы, должна быть с явно заданными размерами и если они меняются - величина margin-bottom блока .spacer так же должна быть соответственно изменена. Есть другой способ горизонтального и вертикального выравнивания по центру с помощью CSS, с CSS кодом, который проще сопровождать. Хотя этот способ и не работает в более старых веб-браузерах: CSS выравнивание по центру : по ширине и по высоте - 1. [ 1 ] А так же в Netscape 7.2+, Mozilla 1.5+. [ 2 ] А так же в Netscape 7.2+, Mozilla 1.5+.

CSS ролловер. Изменение положения фонового изображения

 

CSS ролловер. Изменение положения фонового изображения. Пример: CSS ролловер. Изменение положения фонового изображения HTML / XHTML. Код: <div class="example"> <a href="css-rollover-izmenenie-polozhenija-fonovogo-izobrazhenija.htm">CSS ролловер. Изменение положения фонового изображения</a> </div> CSS. Код: .example {position: relative; top: 0px; left: 0px; height: auto; width: 100%; white-space: nowrap; padding: 10px 20px 10px 20px;} .example a {height: 35px; width: 100%; font-size: 24px; line-height: 35px; color: #006; text-decoration: none; text-align: right; display: block; background: url("bgimg.png") no-repeat left top;} .example a:hover {color: #c00; background: url("bgimg.png") no-repeat left bottom;} Фоновое изображение: CSS ролловер Изменение положения фонового изображения Общая идея : 1. Создается ссылка с явно указанными width, height (в данном случае 674px и 35px) и display: block - это образует прямоугольник размером 674px на 35px, вся область которого представляет собой гиперссылку. line-height так же указывается в явном виде, со значением равным высоте прямоугольника (в данном случае 35px) - это способствует тому, что бы вертикальное выравнивание текста ссылки было одинаковым в разных браузерах. text-align: right добавляется, что бы поместить текст ссылки в правую часть блока. (Область блока с ссылкой выделена зеленым цветом для большей наглядности) CSS ролловер. Изменение положения фонового изображения 2. Создается изображение для фона блока с ссылкой высотой в две высоты этого блока. У изображения две части, верхняя и нижняя, каждая высотой равная высоте области блока с ссылкой; в данном случае 35px. 3. URL фонового изображения добавляется к CSS свойству фона псевдоклассов :link, :visited, :active ссылки. CSS значения no-repeat и left свойства background позиционируют фоновое изображение в левой части блока с ссылкой. CSS значение top свойства background помещает верхнюю часть фонового изображения на один уровень с текстом ссылки. 4. URL фонового изображения добавляется к CSS свойству фона псевдокласса :hover ссылки. CSS значения no-repeat и left свойства background псевдокласса :hover ссылки позиционируют фоновое изображение в левой части блока с ссылкой. CSS значение bottom свойства background псевдокласса :hover ссылки помещает нижнюю часть фонового изображения на один уровень с текстом ссылки, когда пользователь наводить курсор мыши на область блока с ссылкой. Таким образом, когда курсор мыши не наведен на область блока с ссылкой, верхняя часть фонового изображения находится на одном уровне с текстом. Когда курсор мыши наводится на область блока с ссылкой, нижняя часть фонового изображения перемещается на одним уровень с текстом. Mouse out - отображается верхняя часть фонового изображения, mouse over - отображается нижняя часть фонового изображения. И нет необходимости в предзагрузке дополнительных рисунков. CSS ролловер.