Errores Javascript

Manías del marcado basura

Icono de Desarrollo webBORRADOR RECUPERADO de 2007: No tengo mucho tiempo para extender esta entrada, así que haré algo rápido con unas capturas. El hecho es que con la estandarización del marcado web a XML, las validac[...]

  • 03
  • feb
  • 2008

Publicado por J.A.Cobo. Guardado en Desarrollo web.
hace 2 años y 7 meses No hay comentarios

BORRADOR RECUPERADO de 2007: No tengo mucho tiempo para extender esta entrada, así que haré algo rápido con unas capturas.

El hecho es que con la estandarización del marcado web a XML, las validaciones del W3C y todo este pollo, muchos de los diseñadores web han pasado del marcado basura de presentación HTML al marcado basura de presentación válido, estándar… pero basura y de presentación como digo.
Una de los primeros sintomas es la famosa DIVITIS. Vemos como editar este tema que uso en el blog: 4u para pasar de un marcado basura de presentación a un marcado estructural:

Teníamos esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div id="utombox">
	<div id="header">
		<div class="inside">
		<div class="utom">
			<div id="search">
				<form method="get" id="sform" action="<?php bloginfo('home'); ?>/">
 					<div class="searchimg"></div>
					<input type="text" id="q" value="<?php echo wp_specialchars($s, 1); ?>" name="s" size="15" />
				</form>
			</div>
 
			<h2><a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h2>
			<p class="description"><?php bloginfo('description'); ?></p>
		</div>
		</div>
	</div>
	<!-- [END] #header -->
	<div id="menu">
		<div class="utom_menu">
 
				<ul class="menu">
				<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Blog</a></li>
				<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
				<?php wp_register('<li class="admintab">','</li>'); ?>
				<li class="utom_menu_b"></li>
				</ul>
 
		</div>
	  </div>

Sin acabar en absoluto aún, pasemos a esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div id="container">
 
	<div id="header">
 
		<div class="inside">
 
			<div class="utom">
 
				<!-- Busqueda -->
				<form method="get" id="searchform" action="" title="Escribe y pulsa ENTER">
					<input type="text" value="<?php _e('Search');?>: escribe y pulsa ENTER" size="20" name="s" id="s" onfocus="this.value=''" tabindex="4" />
					<input name="Buscar" type="hidden" id="searchbutton" value="Buscar" />
				</form>
				<!-- end Busqueda -->
 
				<h2><a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h2>
				<p class="description"><?php bloginfo('description'); ?></p>
 
				<ul id="globalinks">
					<li><a href="#content" accesskey="S" tabindex="1" title="Ir al Contenido">IR AL CONTENIDO</a></li><li><a href="#sidebar_top" accesskey="M" tabindex="2" title="Ir al Men&uacute;">IR AL MEN&Uacute;</a></li><li><a href="#searchform" accesskey="B" tabindex="3" title="Ir al Formulario">BUSCAR</a></li>
				</ul>
			</div>
			<!-- end utom -->
		</div>
		<!-- end inside -->
 
	</div>
	<!-- end header -->
 
	<ul id="menu">
		<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Blog</a></li>
		<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
		<?php wp_register('<li class="admintab">','</li>'); ?>
	</ul>

No necesitamos un DIV para el menu… es una lista, usemosla en exclusiva, etc… etc… etc…
Como digo es algo rápido, sin acabar, pero vuelve a ser un ejemplo de hacer las cosas mal.

En definitiva, el resultado haciendo las cosas bien es el mismo:

Acerca del autor

Avatar del autor J.A.Cobo, «Geek» apasionado por la tecnología, la historia y la aviación con especial interés en el Desarrollo Web basado en estándares, la aplicación semántica de la web y la accesibilidad en la misma. Hubo un tiempo en el que también escribía relatos, principal inspiración para iniciar un «blog».

No hay comentarios.
TrackBack URL
Compartir en:
Menéame
Del.icio.us
Google
Technorati

Aún no hay comentarios.

Dejar un comentario.no seas tímido

Campos personales


¿Qué opinas?

Licencia y acuerdo

Logo Creative Commons Los datos introducidos en este formulario se tratarán, en matería de seguridad, de acuerdo a la normativa española sobre protección de datos ( LOPD ) pese a no estar sujetos a ella. Los contenidos pasarán a ser liberados para Cultura Digital.org bajo las licencias Creative Commons BY-SA y GFDL1.3 como una obra derivada de la que el autor mantendrá el copyright.
Asegúrate de entender estos términos antes de enviar tu comentario.

Artículo 2: Ámbito de aplicación.
[...]
Punto 2. El régimen de protección de los datos de carácter personal que se establece en la presente Ley Orgánica no será de aplicación:
a) A los ficheros mantenidos por personas físicas en el ejercicio de actividades exclusivamente personales o domésticas.
[...]

El autor del blog, Juan Antonio Cobo, se reserva el derecho a decidir sobre la publicación de los comentarios de acuerdo a la lógica común, las buenas maneras y la relevancia de los mismos con la entrada.

Twitter

JuanAntonioCobo

  • - 1
  • Error de contenido secundario.