HTML formatuotuvas
Formatuokite HTML fragmentus naudodami šį HTML formatuotuvą. Įklijuokite žymėjimą, o įrankis pateiks blokinius elementus, tokius kaip div, section, p, ul ir table, atskirose eilutėse su dviejų tarpų įtrauka, sutrauks perteklinius tarpus tarp eilutinių elementų, suformatuos įterptinius CSS ir JavaScript, o pre ir textarea turinį paliks nepakeistą. Puikiai tinka žiniatinklio kūrėjams ir dizaineriams, norintiems sutvarkyti įklijuotą, sugeneruotą ar sumažintą žymėjimą, kad būtų lengviau jį skaityti ir peržiūrėti.
Dažnai užduodami klausimai
Kaip HTML formatuotuvas nusprendžia, kur pradėti naują eilutę?
Elementas, turintis blokinių lygio vaikinių elementų, pavyzdžiui, div, section, article, header, footer, nav, main, form, p, h1–h6, ul, ol, table arba blockquote, išskaidomas taip, kad kiekvienas vaikininis elementas būtų atskiroje eilutėje ir įtrauktas dviem tarpais. Elementai be blokinių vaikinių elementų lieka vienoje eilutėje.
Kodėl visas mano HTML dokumentas pateikiamas vienoje eilutėje?
Formatuotuvo taisyklėse html, head ir body elementai nelaikomi blokinio lygio žymomis, todėl jais apgaubtas dokumentas lieka vienoje eilutėje, išskyrus doctype. Kad turinys būtų išskaidytas į eilutes, įklijuokite body viduje esantį turinį arba fragmentą, su kuriuo dirbate.
Kas nutinka tarpams?
Eilutiniame turinyje pasikartojantys tarpai, tabuliacijos ir eilučių lūžiai sutraukiami iki vieno tarpo – taip juos atvaizduoja naršyklės. pre ir textarea elementų turinio tarpai išsaugomi tiksliai.
Ar formatuojami įterptiniai scenarijai ir stiliai?
Taip, style blokai formatuojami kaip CSS, o script blokai – kaip JavaScript arba kaip JSON, jei tai JSON ir JSON-LD tipai. Kitų tipų scenarijai, pavyzdžiui, tekstiniai šablonai, paliekami tiksliai tokie, kokie buvo parašyti.
Kaip rašomi tušti elementai?
Savaime užsidarančios žymos, tokios kaip <br/>, rašomos su tarpu prieš pasvirąjį brūkšnį, kaip <br />. Tušti elementai be pasvirojo brūkšnio, pavyzdžiui, <img src="a.png">, išsaugo pradinę formą.
Ar atributai keičiami?
Ne, atributai, jų kabutės ir tvarka išsaugomi tiksliai taip, kaip parašyta. Pertvarkomi tik tarpai tarp elementų.
Ar komentarai išsaugomi?
Taip, HTML komentarai ir doctype išsaugomi ir pateikiami atskirose eilutėse. Jų turinys nukopijuojamas tiksliai, įskaitant komentaruose esančias žymas.
Ar formatuotuvas ištaiso netaisyklingą HTML?
Ne, jis nepatikrina žymėjimo galiojimo ir jo netaiso. Neuždarytos žymos formatuojamos kiek įmanoma geriau, todėl, norėdami rasti struktūrinių klaidų, paleiskite tikrintuvą.
Kodėl rezultatas įrėmintas html kodo tvorele?
Rezultatas pateikiamas kaip Markdown kodo blokas su html žyma, todėl Markdown jis rodomas su sintaksės paryškinimu. Kopijuodami į .html failą, nukopijuokite eilutes tarp kodo tvorelių.
Kiek HTML galiu formatuoti?
Iki 5 MB vienai operacijai; didesnė įvestis atmetama ir parodomas pranešimas. Rezultatas toks pat kaip Code Formatter parinkties HTML.