HTML formázó
Formázza az HTML-részleteket ezzel az HTML-formázóval. Illessze be a jelölést, az eszköz pedig a blokk szintű elemeket, például a div, section, p, ul és table elemeket külön sorokba rendezi, két szóközös behúzást használ, összevonja a soron kívüli szóközöket a soron belüli tartalomban, formázza a soron belüli CSS-t és JavaScript-t, a pre és textarea tartalmát pedig érintetlenül hagyja. Ideális webfejlesztőknek és tervezőknek, akik beillesztett, generált vagy tömörített jelöléseket tesznek olvashatóvá és áttekinthetővé.
Gyakran ismételt kérdések
Hogyan dönti el a HTML formázó, hol törje meg a sorokat?
Az olyan elemeket, amelyek blokk szintű gyermekelemeket tartalmaznak, például div, section, article, header, footer, nav, main, form, p, h1–h6, ul, ol, table vagy blockquote elemeket, kibontja, így minden gyermekelem külön sorba kerül, két szóközzel behúzva. A blokk szintű gyermekelemek nélküli elemek egy sorban maradnak.
Miért jelenik meg a teljes HTML dokumentum egy sorban?
A formázó szabályai szerint a html, head és body elemek nem blokk szintű címkék, ezért a velük körülvett dokumentum a doctype kivételével egy sorban marad. A kibontáshoz illessze be a body belsejében lévő tartalmat vagy azt a részletet, amin dolgozik.
Mi történik a szóközökkel?
Az inline tartalomban az egymást követő szóközök, tabulátorok és sortörések egyetlen szóközzé olvadnak össze, így jelenítik meg őket a böngészők is. A pre és textarea elemek tartalmában a szóközök pontosan megmaradnak.
Formázza az inline scripteket és stílusokat?
Igen, a style blokkokat CSS formátumban, a script blokkokat pedig JavaScript formátumban formázza, illetve JSON esetén JSON formátumban, valamint JSON-LD típusoknál. Az egyéb típusú scriptek, például a szövegsablonok, pontosan az eredeti formájukban maradnak.
Hogyan írja ki az üres elemeket?
Az olyan önlezáró címkéket, mint a <br/>, a perjel előtt egy szóközzel írja ki, így: <br />. Az olyan perjel nélküli üres elemek, mint a <img src="a.png">, az eredeti formájukban maradnak.
Megváltoznak az attribútumok?
Nem, az attribútumok, az idézőjeleik és a sorrendjük pontosan az eredeti formájukban maradnak. Csak az elemek közötti szóközök rendeződnek át.
Megmaradnak a megjegyzések?
Igen, a HTML megjegyzések és a doctype megmaradnak, és külön sorba kerülnek. A tartalmuk pontosan másolódik, a kikommentelt jelöléssel együtt.
Kijavítja a formázó az érvénytelen HTML elemeket?
Nem, nem ellenőrzi és nem javítja a jelölést. A le nem zárt címkéket a lehető legjobban formázza, ezért a szerkezeti hibák megkereséséhez futtasson validátort.
Miért van az eredmény html kódkeretbe zárva?
Az eredmény html jelölésű Markdown kódblokként jelenik meg, így kiemelve látható a Markdown felületén. Amikor egy .html fájlba illeszti, másolja át a keretek közötti sorokat.
Mennyi HTML formázható?
Futtatásonként legfeljebb 5 MB; a nagyobb bemenetet az eszköz hibaüzenettel elutasítja. A kimenet megegyezik a Code Formatter HTML beállításával kapott eredménnyel.