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 1 mes 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.

Acerca de esta entrada

Estás leyendo «Manías del marcado basura», una entrada publicada el domingo 3 de febrero de 2008.

Etiquetas Etiquetas , , , , ,
Revisada Ok hace 2 años y 1 mes
Imprimir Icono impresora

Entradas vecinas

← Timofónica tenía que ser, maldito 4636
Otro ejemplo típico de divitis e identiditis! :) →

Quizá también te interese:

No hay entradas relacionadas

Avatar en TwitterJuan Antonio Cobo
JuanAntonioCobo

  • http://blog.culturadigital.org/acerca-de - 19
  • d(-_-)b ♬ Il pericolo numero uno de Renato Carosone♬ gran rescate del Corte Inglés, ...me encanta (vía Do).
    - hace 3 horas y 57 minutos
  • Joder como juega el depor, partidazo Sevilla - Depor (vía Do).
    - hace 22 horas y 17 minutos
  • @pedrerol ¿Sutil sugerencia para el Madrid acerca de Del Bosque? -tras el mundial claro- (vía web).
    - hace 22 horas y 23 minutos
  • @pedrerol vía web, @maldinisport vía Twitterrific (Mac) ...tendrá que valer la coletilla: «Canal plus, es más» gg (vía web).
    - hace 22 horas y 31 minutos
  • Maldición madridista, en basket también?? (vía Do).
    - hace 1 día y 2 horas
  • @jakinho Pues no sé explicarlo técnicamente pero creo que es obvio mientras el balón no empiece a desacelerar. (vía web).
    - hace 1 día y 2 horas
  • Malouda se merecía el gol, gran gol. (vía Do).
    - hace 1 día y 2 horas
  • @pedrerol @JuanAntonioCobo Hay que hablar en el vestuario y trabajar más para dar ejemplo. En eso sí que estoy de acuerdo. (vía web).
    - hace 1 día y 3 horas
  • Malouda una máquina de asistencias y colgar balones perfectos. (vía Do).
    - hace 1 día y 3 horas
  • Bufffff, golazo increíble de Parker (West Ham), como mola la Premier. (vía Do).
    - hace 1 día y 4 horas
  • Que empalagoso Petón: «decir Guardiola y buen gusto es redundante», ojjj, que dulzón por Dios. Por cierto: como juega el Chelsea macho. (vía Do).
    - hace 1 día y 4 horas
  • Me encanta cuando cambias de canal y justo pillas un gol: Chelsea 1 West Ham 0 (vía Do).
    - hace 1 día y 4 horas
  • Viendo la mejor película española en años: Airbag :D (vía Do).
    - hace 1 día y 4 horas
  • @glinfolaguardia A ver si kedams para actualizar la sección, hay muxo en glinfo.es Ah, y nolvides q la foto del castillo va como CC-BY-SA ;) (vía web).
    - hace 2 días y 1 hora
  • @pedrerol El «majo» de Guti será como sea pero dijo la pura verdad y realidad del Madrid. Y no olvides que su pase dio pie a la indv. de CR9 (vía web).
    - hace 2 días y 2 horas
  • Confirmado, no recomendaré jamás Telefónica ADSL; más vale malo conocido: ya.com (vía Do).
    - hace 3 días y 6 horas
  • Qué verguenza Telefónica, hacen contratos de 6megas en centrales al 110% de abonados, jopu*** (vía Do).
    - hace 3 días y 7 horas
  • @sirolopez Pellegrini llegará a loq sea, pero da la impresión de no tener alma para el Madrid. Yo dije que Lass&Guti se anulan, dsd Liv'pool (vía web).
    - hace 3 días y 17 horas
  • Guti&Lass nunca,parc mentira@sirolopez "Con Lass Y Diarra le metimos seis al zaragoza".Pellegirni dixit.¡Vale!..por si acaso oy no lo pruebs (vía web).
    - hace 3 días y 21 horas

Sígueme en Twitter Sígueme