Thanks you all! I was looking for <dialog>, perfect :)<div><br></div><div><a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element" target="_blank">http://www.w3.org/TR/html5/commands.html#the-dialog-element</a></div>
<div><br></div><div>PS. also the DOM methods are very useful in my opinion, i hope it will implemented soon in all the browsers:<br><br><br><dt style="margin-top:0px;margin-bottom:0px;clear:left;font-weight:bold;font-family:sans-serif;font-size:medium">
<var title="">dialog</var> . <code title="dom-dialog-show" style="font-size:inherit"><a href="http://www.w3.org/TR/html5/commands.html#dom-dialog-show" style="color:black;text-decoration:initial">show</a></code>( [ <var title="">anchor</var> ] )</dt>
<dd style="margin:0.5em 0px 1em 2em;padding:0px;color:rgb(0,128,0);font-family:sans-serif;font-size:medium"><p style="margin:0.5em 0px">Displays the <code style="font-size:inherit;color:rgb(255,69,0)"><a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element">dialog</a></code> element.</p>
<p style="margin:0.5em 0px">The argument, if provided, provides an anchor point to which the element will be fixed.</p></dd><dt style="margin-top:0px;margin-bottom:0px;clear:left;font-weight:bold;font-family:sans-serif;font-size:medium">
<var title="">dialog</var> . <code title="dom-dialog-showModal" style="font-size:inherit"><a href="http://www.w3.org/TR/html5/commands.html#dom-dialog-showmodal" style="color:black;text-decoration:initial">showModal</a></code>( [ <var title="">anchor</var> ] )</dt>
<dd style="margin:0.5em 0px 1em 2em;padding:0px;color:rgb(0,128,0);font-family:sans-serif;font-size:medium"><p style="margin:0.5em 0px">Displays the <code style="font-size:inherit;color:rgb(255,69,0)"><a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element">dialog</a></code> element and makes it the top-most modal dialog.</p>
<p style="margin:0.5em 0px">The argument, if provided, provides an anchor point to which the element will be fixed.</p><p style="margin:0.5em 0px">This method honors the <code title="attr-fe-autofocus" style="font-size:inherit;color:rgb(255,69,0)"><a href="http://www.w3.org/TR/html5/attributes-common-to-form-controls.html#attr-fe-autofocus">autofocus</a></code> attribute.</p>
</dd><dt style="margin-top:0px;margin-bottom:0px;clear:left;font-weight:bold;font-family:sans-serif;font-size:medium"><var title="">dialog</var> . <code title="dom-dialog-close" style="font-size:inherit"><a href="http://www.w3.org/TR/html5/commands.html#dom-dialog-close" style="color:black;text-decoration:initial">close</a></code>( [ <var title="">result</var> ] )</dt>
<dd style="margin:0.5em 0px 1em 2em;padding:0px;color:rgb(0,128,0);font-family:sans-serif;font-size:medium"><p style="margin:0.5em 0px">Closes the <code style="font-size:inherit;color:rgb(255,69,0)"><a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element">dialog</a></code> element.</p>
<p style="margin:0.5em 0px">The argument, if provided, provides a return value.</p></dd><dt style="margin-top:0px;margin-bottom:0px;clear:left;font-weight:bold;font-family:sans-serif;font-size:medium"><var title="">dialog</var> . <code title="dom-dialog-returnValue" style="font-size:inherit"><a href="http://www.w3.org/TR/html5/commands.html#dom-dialog-returnvalue" style="color:black;text-decoration:initial">returnValue</a></code> [ = <var title="">result</var> ]</dt>
<dd style="margin:0.5em 0px 1em 2em;padding:0px;color:rgb(0,128,0);font-family:sans-serif;font-size:medium"><p style="margin:0.5em 0px">Returns the <code style="font-size:inherit;color:rgb(255,69,0)"><a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element">dialog</a></code>'s return value.</p>
<p style="margin:0.5em 0px">Can be set, to update the return value.</p></dd></div><div><br><div class="gmail_quote">2012/11/28 Guille Paz <span dir="ltr"><<a href="mailto:guille87paz@gmail.com" target="_blank">guille87paz@gmail.com</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div>Hi, </div><div><br></div><div>The dialog element is in draft: <a href="http://www.w3.org/TR/html5/commands.html#the-dialog-element" target="_blank">http://www.w3.org/TR/html5/commands.html#the-dialog-element</a></div>
<div><br></div><div>
But, you can use any tag with ARIA:</div><div><article role="dialog"></article><div><br clear="all">Slds,<br><br>Guille Paz<br><a href="http://pazguille.me" target="_blank">http://pazguille.me</a><br>
<br><br><div class="gmail_quote"><div><div class="h5">On Wed, Nov 28, 2012 at 5:28 PM, Ian Hickson <span dir="ltr"><<a href="mailto:ian@hixie.ch" target="_blank">ian@hixie.ch</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div><div class="h5">
<div><div>On Wed, 28 Nov 2012, Stefano Gargiulo wrote:<br>
><br>
> What is the best html5 tag to describe a modal floating window, eg. a<br>
> floating login mask over the page?<br>
><br>
> <aside> ?<br>
> <section> ?<br>
<br>
</div></div><dialog>, but it's not yet widely implemented.<br>
<br>
In the meantime, probably <article> or <section> or <aside>, depending on<br>
exactly how the login window is set up: <article> if it would make sense<br>
if it was on its own page, <aside> if it's the spiritual equivalent of a<br>
sidebar login form (probably not if it's modal), <section> otherwise.<br>
<span><font color="#888888"><br>
--<br>
Ian Hickson U+1047E )\._.,--....,'``. fL<br>
<a href="http://ln.hixie.ch/" target="_blank">http://ln.hixie.ch/</a> U+263A /, _.. \ _\ ;`._ ,.<br>
Things that are impossible just take longer. `._.-(,_..'--(,_..'`-.;.'<br>
</font></span></div></div><div class="im"><div><div>_______________________________________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org" target="_blank">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/listinfo.cgi/help-whatwg.org</a><br>
</div></div></div></blockquote></div><br></div></div>
</blockquote></div><br></div>