Estandarizacion XHTML y CSS

Responder
kosciuk
Mensajes: 1105
Registrado: 21 May 2007, 19:47
Ubicación: Capital Federal, Argentina
Contactar:

Estandarizacion XHTML y CSS

Mensaje por kosciuk »

¿Alguien sabe si hay alguna convencion sobre como nombrar las partes de una pagina xhtml, por ejemplo en Worpress hay: "header, content, post, sidebar, footer"?
tomasdev
Mensajes: 10
Registrado: 18 Ago 2008, 14:55
Ubicación: Silla giratoria, Escritorio PC
Contactar:

Re: Estandarizacion XHTML y CSS

Mensaje por tomasdev »

Hasta donde sé no hay "convención" pero sí uno usa el sentido común.

Generalmente se usa
  • Header
  • Content
  • Footer
  • Opcionales: Sidebar, Wrapper, Banner, etc
Creo que eso es como la "base" dado que la mayoría de footer y header (encabezado y pie de página) se repite entonces se pueden usar funciones de inclusión de archivo sin tener que sobrecargar de contenido repetitivo.

Y también que si se usa una página centrada puede llamarse "box" (caja)
Se usa mucho lo que son los significados en inglés, porque el html es eso. De todos modos creo que esto no tiene que ver con la estandarización, porque la validación por estándares de W3.org no se fija en los id o clases... ¿se entiende?
kosciuk
Mensajes: 1105
Registrado: 21 May 2007, 19:47
Ubicación: Capital Federal, Argentina
Contactar:

Re: Estandarizacion XHTML y CSS

Mensaje por kosciuk »

Ya que diste tu sugerencia dejo la que yo uso ahora, y esta basado en el diseño del admin del Movable Type 4.2 OS (se aceptan sugerencias):

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>LinkedCode</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body class="linkedcode">
<div id="container">
    <div id="subcontainer">
        <div id="header-wrap">
            <div id="top"></div>
            <div id="header">
                <div id="userinfo">
                    <ul>
                </div>
                <div id="logo"><h1>LinkedCode</h1></div>
            </div>
        </div>
        <div id="actions-menu">
            <ul>
                <li class="main"><a href="/user/login/">Entrar</a></li>
                <li class="shortcut"><a href="/user/register/">Registrarse</a></li>
            </ul>
        </div>
        <div id="tabs">
            <div id="menu-wrap">
                <div id="menu">
                    <ul>
                        <li class="active"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="wrapper">
            <div id="wrap">
                <h1>Bienvenido, gracias por visitarnos</h1>

                <div id="wrap-inner" class="wrap-wide">
                    <div id="widgets" class="widget widget-extra">
                        <div class="widget">
                            <h3></h3>
                            <ul>
                                <li></li>
                            </ul>

                        </div>
                    </div>
                    <div id="content" class="content-extra">
                    </div>
                </div>
            </div>        
        </div>
    </div>
</div>
<div id="footer-wrap">
    <div id="footer">
        <div id="templates">
            <!-- a-->
        </div>
        
        <div id="css">
            <form method="post">
            <p><label>CSS:</label><input type="text" name="data[_tmp][css]" value="">
            <input type="submit" name="changecss" value="Go!"></p>
            </form>
        </div>
    </div>
</div>
</body>
</html>

Como se vé, hay mucho abuso de "algo"-inner, pero es la forma mas comoda de poder poner imagenes de fondo sin volverse loco. :)
tomasdev
Mensajes: 10
Registrado: 18 Ago 2008, 14:55
Ubicación: Silla giratoria, Escritorio PC
Contactar:

Re: Estandarizacion XHTML y CSS

Mensaje por tomasdev »

si no pones el css no sirve de nada.
Responder