# HTML-muotoilija

Muotoile HTML-katkelmat tällä HTML-muotoilijalla. Liitä merkkaus, niin työkalu asettaa lohkotason elementit, kuten div, section, p, ul ja table, omille riveilleen kahden välilyönnin sisennyksellä, tiivistää irralliset välilyönnit rivinsisällössä, muotoilee rivinsisäiset CSS- ja JavaScript-elementit sekä jättää pre- ja textarea-elementtien sisällön koskemattomaksi. Ihanteellinen verkkokehittäjille ja suunnittelijoille, jotka siistivät liitettyä, luotua tai pienennettyä merkkausta lukemista ja katselmointia varten.

## Usein kysytyt kysymykset

### Miten HTML-muotoilija päättää, mihin kohtaan rivinvaihdot tulevat?

Elementti, joka sisältää lohkotason lapsielementtejä, kuten div, section, article, header, footer, nav, main, form, p, h1–h6, ul, ol, table tai blockquote, laajennetaan siten, että kukin lapsielementti on omalla rivillään ja sisennettynä kahdella välilyönnillä. Elementit, joissa ei ole lohkotason lapsielementtejä, pysyvät yhdellä rivillä.

### Miksi koko HTML-dokumentti palautetaan yhdellä rivillä?

Muotoilijan sääntöjen mukaan html-, head- ja body-elementit eivät ole lohkotason tageja, joten niihin kääritty dokumentti pysyy rivinsisäisenä doctype-määritystä lukuun ottamatta. Liitä sisältö body-elementin sisään tai työstäsi katkelmasta, jotta se laajennetaan.

### Mitä välilyönneille tapahtuu?

Rivinsisällön peräkkäiset välilyönnit, sarkaimet ja rivinvaihdot tiivistetään yhdeksi välilyönniksi, kuten selaimetkin näyttävät ne. pre- ja textarea-elementtien sisältö säilyttää välilyönnit täsmälleen ennallaan.

### Muotoillaanko rivinsisäiset scriptit ja tyylit?

Kyllä, style-lohkot muotoillaan muodossa CSS ja script-lohkot muodossa JavaScript tai muodossa JSON tyypeille JSON ja JSON-LD. Muuntyyppiset scriptit, kuten tekstimallit, säilytetään täsmälleen alkuperäisessä muodossaan.

### Miten tyhjät elementit kirjoitetaan?

Itseään sulkevat tagit, kuten <br/>, kirjoitetaan niin, että vinoviivan edessä on välilyönti, muodossa <br />. Ilman vinoviivaa kirjoitetut tyhjät elementit, kuten <img src="a.png">, säilyttävät alkuperäisen muotonsa.

### Muutetaanko attribuutteja?

Ei, attribuutit, niiden lainausmerkit ja järjestys säilytetään täsmälleen alkuperäisessä muodossaan. Vain elementtien väliset välilyönnit järjestellään uudelleen.

### Säilyvätkö kommentit?

Kyllä, HTML-kommentit ja doctype-määritys säilytetään ja sijoitetaan omille riveilleen. Niiden sisältö kopioidaan täsmälleen, myös kommentteihin suljettu merkkaus.

### Korjaako muotoilija virheellisen HTML-merkkauskielen?

Ei, se ei validoi eikä korjaa merkkausta. Sulkemattomat tagit muotoillaan parhaan mukaan, joten suorita validaattori, kun haluat löytää rakenteelliset virheet.

### Miksi tulos on html-koodiaitausmerkkien sisällä?

Tulos palautetaan Markdown-koodilohkona, jonka merkintänä on html, joten se näkyy korostettuna Markdown-palvelussa. Kopioi koodiaitausten väliset rivit, kun liität ne .html-tiedostoon.

### Kuinka paljon HTML-sisältöä voin muotoilla?

Enintään 5 MB suoritusta kohti; suurempi syöte hylätään ja siitä näytetään viesti. Tuloste on sama kuin Code Formatterin HTML-vaihtoehdolla.

Mainospaikka vapaana?

[Lähetä meille sähköpostia](mailto:hi@dennn.is?subject=Mainostaminen%20palvelussa%20OneClick%20Pro)

[Mainos Agenteille valmis lisäosa­sarja tuotteelle WordPress.](https://sleekwp.com/?ref=oneclickpro)