A kuckt wéi e wäisse Raum am HTML gëtt duerch Browsers behandelt
Wann Dir en Ufank Webdesigner sidd, eng vun de villen Saachen déi Dir fréi verstitt, ass de Wee wéi de wäisse Raum an engem Site Code duerch Webbrowser gehandhabt gëtt.
Leider ass d'Art a Weis wéi Browseren déi de wäisse Raum gehandhabt sinn, net zuerst intuitiv, besonnesch wann Dir an HTML kënnt an vergläichen, wéi de wäisse Raum an Wuertveraarbechtungsprogrammer behandelt gëtt, déi Dir besser kennt.
An der Veraarbechtung vu Textveraarbechtung kënnt Dir vill Abriecher oder Tabs am Dokument dobäikomm sinn an datt d'Ofwécklung an der Affich vum Inhalt vum Dokument reflektéiert gëtt. Dëst ass net de Fall mat HTML oder mat Websäiten. Als Léierpersonal léiert wéi wäit de Weltraum duerch d'Websäit Browser ganz wichteg ass.
Ofhuelen an Drécken
An der Textbearbeitungssoftware sinn déi dräi primär wei schwaach Raumfiguren d'Plaz, d'Tab, an d'Wuer zréck. Jiddfereng vun dësen Handelen handelen anescht, awer an HTML bréngen d'Browser all d'Wichtegst. Egal ob Dir een Raum oder 100 Plazen an Ärem HTML Markupplatz plazéieren oder Äre Abstand mat Tabs a Wagon zréckléisst, ginn all dës op e Raum zougefouert, wann d'Säit vum Browser brëcht. An der Webdesign Terminologie ass dat bekannt als de wäisse Raumrauschen. Dir kënnt dës typesch Ausschnëttskombinën net benotzt a Whitespace op enger Websäit, well de Browser méi verschidde Plazen ënner dem Ëmlaf bruecht gi sinn,
Firwat gëtt e puer benotzt Tabs?
Normalerweis, wann Leit benotzt Tabs an engem Textdokument benotzen se se fir Layoutgrënn oder d'Text ze kréien fir op eng gewëssen Plaz ze verschécken oder e gewëssen Distanz vun engem anere Element ze sinn. Am Webdesign kënnt Dir dës egene Raumfigur benotzen fir dës visuell Stiler oder den Layoutbedarf ze erreechen.
Am Webdesign wäerte d'Benotzung vun extrae Stärefiguren am Code wier net einfach ze liesen, dëse Code ze liesen. Webdesigner an Entwéckler oft benotzt Tabs op indent code, fir datt se gesinn, wéi eng Elementer sinn Kanner vun aner Elementer - mä dës Zäite sinn net den visuellen Layout vun der Säit selwer beaflossen. Fir déi néideg visuell Verännerungen ze verännerelen, musst Dir op CSS (Cascading-Stilbläppchen) zoumaachen.
Benotzt CSS fir HTML Tabs an Distanzen z'änneren
Websäiten haut goufen mat enger Trennung vu Struktur a Stil gebaut. D'Struktur vun enger Säit ass vun der HTML gehuewe gëtt, während de Stil vum CSS diktéiert ass. Dëst bedeit datt e Spacing oder e gewësse Layout erstallt gëtt, sollt Dir u CSS ginn an net probéiert Äert ze markéieren Zeechen an den HTML Code.
Wann Dir probéiert Tabs ze benotzen fir Spalten vun Text ze kreéieren, kënnt Dir stattdessen
Wann d'Donnée déi Dir publizéiert ass tabellaresch Daten, kënnt Dir Tabellen benotzen fir dës Donnéeën wéi Dir wëllt. D'Tabellen hu oft e schlechte Rap an den Webdesign, well si sou vill Joer als pure Layoutinstrumente missbraucht ginn, awer Dëscher sinn nach ëmmer perfekt, wann Ären Inhalt dës Tabellendaten enthält.
Margins, Padding an Text-Indent
Déi allgemeng Weeër fir Ababstand mat CSS ze kreéieren ass mat engem vun den folgenden CSS Styles:
- Rand
- Paddington
- Text-Indent
Zum Beispill kënnt Dir d'éischt Zeil vun engem Paragrapse wéi eng Tab mat dem folgend CSS markéieren (datt Dir dat eegent Paragraphe ass e klengen Attribut vun "éischt" mat engem Attribut ass):
p.first {
Text-Indent: 5em;
}}
Dëse Paragraphe ass elo 5 Zeeche niddergelooss.
Dir kënnt och d'Margin oder d'padding-Propfeasiounen an CSS benotzen fir d'Ofwécklung am Top, Bottom, lénks oder riets (oder Kombinatioun vun deenen Säiten) vun engem Element ze addéieren. Schlussendlech kënnt Dir all Zort vun Distanzen déi Dir braucht, mat CSS z'erreechen.
Text verléieren méi wéi ee Raum ouni CSS
Wann alles wat Dir wëllt, ass fir Äre Text méi wéi engem Raum wäit vum Viraus erauszesichen, kënnt Dir de net brechend Raum benotzen.
Fir den net-briechen Raum ze benotzen, kënnt Dir einfach & nbsp; esou vill wéi Dir et an Ärem HTML Markup braucht.
Zum Beispill, wann Dir Är Wuert fënnef Plaze bewegen wollten, kënnt Dir dëse Virdeel virum Wuert ginn.
Nopesch & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML respektéiert dës a gëtt se net op enger eenzeger Plaz zerbriechen. Allerdéngs wier dat als e schlechte Praxis ugesinn, well et extra HTML Markup un engem Dokument erofsetzen fir datt d'Layoutbedierfungen erreechen. Andeems Dir dës Trennung vu Struktur a Stil benotzt, sollt Dir net ofbrechen, fir einfach e gewënschten Layout-Effekt ze erreechen an stattdessen d'CSS-Margen a padding benotzen.