ugrás a tartalomhoz

hr tag paragrafuson belül

unregistered · 2014. Júl. 25. (P), 16.02
Sziasztok!

Olyan kérdésem lenne, hogy <hr> tag-et "legális" <p> elemen belül elhelyezni?

Előre is köszönöm!
‹ WebSocket nyitáskor HTTP fejléc küldése JavaScript képfeltöltő probléma ›
 ■
1

Nope

bamegakapa · 2014. Júl. 25. (P), 16.18
Ami a HTML5-öt illeti, nem legális.

A <p> elem tartalma phrasing content lehet, ami tartalmazhat sima szöveget vagy phrasing element-eket, a <hr> azonban nem tartozik ezek közé, hanem egy flow element. A specifikáció szerint minden phrasing element flow element, de nem minden flow element phrasing element :).
4

zavar

unregistered · 2014. Júl. 25. (P), 20.17
Köszönöm :)

Na engem ez zavart meg hogy "minden phrasing element flow element, de nem minden flow element phrasing element"
2

RTFM kérdés, ahogy fentebb írták :)

Endyl · 2014. Júl. 25. (P), 16.22
De ha lusta vagy doksit olvasni, akkor simán kipróbálod, hogy írsz egy rövid html fájlt, ami tartalmaz egy ilyet:
  1. <p>ez nem<hr/>lesz jó</p>  
majd megnézed a kedvenc böngésződ DOM inspectorában, és meglátod, hogy valami ilyesmiként értelmezi:
  1. <p>ez nem</p>  
  2. <hr>  
  3. lesz jó  
  4. <p></p>  
3

A másik trükk, hogy mivel

bamegakapa · 2014. Júl. 25. (P), 16.30
A másik trükk, hogy mivel HTML5-ben a <p> elemet nem kötelező lezárni, így megnézheted, a böngésző hol zárja le automatikusan.

Például csinálsz egy ilyet (a <br> remek lesz kontrollnak, az biztosan legális):
  1. <p>valami<hr>  
  2. <p>valami<br>  
  3. <p>valami      
Aztán az inspectorban látod, hogy ez lett belőle:
  1. <p>valami</p><hr>  
  2. <p>valami<br></p>  
  3. <p>valami</p>  
Automatikusan a <br> belülre kerül, a <hr> kívülre! Tehát nem való oda.

Csináltam ebből egy demót is, ha valaki nem hiszi.
5

;)

unregistered · 2014. Júl. 26. (Szo), 10.01
Nem vagyok lusta, de a "f*cking manual" nem volt egyértelmű számomra ;)
6

Az "fabolous manual" ;).

bamegakapa · 2014. Júl. 26. (Szo), 10.16
Az "fabolous manual" ;).
7

;)

Endyl · 2014. Júl. 26. (Szo), 10.21
Akkor ha a hivatalos doksi olvasása kevésbé megy, még mindig ott van az MDN, ami minőségét tekintve vehető hivatalos doksinak (de legalábbis szokott lenni link a vonatkozó szabványokra is, ha valamit nem hinne el onnan az ember), és általában elég szájbarágós:

p
Permitted content: Phrasing content.


Phrasing content
Elements belonging to this category are <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> and plain text (not only consisting of white spaces characters).

A few other elements belong to this category, but only if a specific condition is fulfilled: <a>, <area>, <del>, <ins>, <link>, <map>, <meta>.
8

köszönöm

unregistered · 2014. Júl. 26. (Szo), 10.52
Köszönöm, a tippet, használni fogom :)