Creen que el documento tiene bien las etiquetas html5

[franjgg]

Hola amigos como estais,


Vereis estoy empezando con html5 y he creado una pagina con un include que carga la siguiente pagina:

Código HTML:

	<section class="div_contenedor_include">


		<!--_____________________________________________________________Productos-->

		<article>


			<header><p class="titulos_cabeceras">Productos y Servicios</p></header>

			<p style="margin:10px 0px 20px 0px; color:#666666;">Aqu&iacute; puedes dise&ntilde;ar el cat&aacute;logo de los productos y servicios que ofreces. La informaci&oacute;n que incluyas a continuaci&oacute;n, para configurar tu cat&aacute;logo, se mostrar&aacute;n junto a los datos de contacto de tu negocio y tu sector de actividad. Puedes elegir una o las dos opciones.</p>



			<div class="div_botones">

				<input class="Boton_gris_productos_servicios" type="submit" name="enviar" value="Productos"/>							
				<input class="Boton_gris_productos_servicios" type="submit" name="enviar" value="Servicios que ofreces"/>		

			</div>

			<p style="margin:10px 0px 20px 0px; position:relative; left:180px;  font-size:7pt; color:#666666; ">Productos en general y art&iacute;culos por marcas.</p>			

	<!--
			
			<div class="div_botones" style="margin:0px 0px 30px 0px;">

				<input class="Boton_gris_bares_restaurantes" type="submit" name="enviar" value="Los platos de tu carta"/>							
				<input class="Boton_gris_bares_restaurantes" type="submit" name="enviar" value="Tu carta de vinos"/>
				<input class="Boton_gris_bares_restaurantes" type="submit" name="enviar" value="Tu carta de bebidas"/>		
				<input class="Boton_gris_bares_restaurantes" type="submit" name="enviar" value="Servicios de hosteleria"/>		

			</div>		
	-->

		</article>


			<!--_____________________________________________________________Catalogo-->


		<article>


			<header><p class="titulos_cabeceras_interior">Tu cat&aacute;logo:</p></header>

						
						<table border="0" class="cabecera_fondo_tabla" width="100%"  cellspadding="0" cellspacing="2">
						
							<tr>
								<td style="width:5%;"></td>
								<td style="width:40%;"><span class="titulo_tabla_mis_datos">Tipo de cat&aacute;logo</span></td>
								<td style="width:40%;"><span class="titulo_tabla_mis_datos">Nombre de la estanter&iacute;a</span></td>
								<td style="width:7%;"><span class="titulo_tabla_mis_datos">Editar</span></td>
								<td style="width:7%;"><span class="titulo_tabla_mis_datos">Borrar</span></td>
							</tr>	

						</table>	


			<p class="texto_info_contenido"><img src="imagenes/alerta.png" style="float:left; margin:0px 5px 0px 0px;">Si aparece este s&iacute;mbolo junto a tu lista de cat&aacute;logos indica que puedes seguir incluyendo productos o servicios en estas listas, <strong>¡tienes casillas vac&iacute;as!</strong></p>
			
			<span style="margin:0px 0px 20px 35px; color:#666666;">Cada lista tiene un coste en funci&oacute;n de su tama&ntilde;o. Puedes a&ntilde;adir a tu perfil tantas listas y cat&aacute;logos como quieras.</span>
			
			
			<div align="left" class="div_listado_servicios">

				<img src="imagenes/tarifas.gif">
						
			<!--					
				<span style="float:left; margin-right:50px;">
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 5 referencias</p>	 	 
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 10 referencias</p>
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 20 referencias</p> 
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 35 referencias</p> 
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 50 referencias</p> 
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 75 referencias</p> 
				  	<p class="listado_servicios">Cat&aacute;logo o listado de servicios de hasta 100 referencias</p>
			  	</span>

						
				<span>
				  	<p class="listado_servicios_importe">10,00 €/a&ntilde;o + IVA</p> 
				  	<p class="listado_servicios_importe">14,25 €/a&ntilde;o + IVA</p>	 	 
				  	<p class="listado_servicios_importe">26,79 €/a&ntilde;o + IVA</p>	
				  	<p class="listado_servicios_importe">43,60 €/a&ntilde;o + IVA</p>	 	 
				  	<p class="listado_servicios_importe">57,30 €/a&ntilde;o + IVA</p>	
				  	<p class="listado_servicios_importe">78,22 €/a&ntilde;o + IVA</p>	
				  	<p class="listado_servicios_importe">93,86 €/a&ntilde;o + IVA</p>	
			  	</span>		

			  	<p style="margin:20px 0px 30px 0px;"><strong>No olvides utilizar el c&oacute;digo promocional en la pantalla de PAGO.</strong></p>
			-->		  	

			</div>

				
		</article>				

	  	
			<div class="div_contenedor_aviso_importante">

				<p style="color:#666666; font-size:8pt;">
					<strong>IMPORTANTE:</strong> Cada lista tiene un precio en funci&oacute;n del n&uacute;mero de art&iacute;culos, marcas o servicios que incluyas. Puedes elegir cuantas listas quieras y al elegir m&aacute;s de una lista, dondelocompro.es siempre aplicar&aacute; la combinaci&oacute;n m&aacute;s econ&oacute;mica.<br>
					Por ejemplo, si introduces 4 listas de 5 art&iacute;culos cada una, el precio ser&aacute; el mismo que el de una sola lista de 20 art&iacute;culos, que es m&aacute;s econ&oacute;mica. Este descuento se realizar&aacute; autom&aacute;ticamente. Lo ver&aacute;s reflejado en la pantalla de Pago como <strong>"Total estanter&iacute;as y listado de servicios – Mejor precio".</strong>
				</p>

			</div>			



			<p class="texto_info_contenido">¡Si tienes cualquier duda sobre c&oacute;mo completar tu cat&aacute;logo o necesitas un listado espec&iacute;fico, por favor, contacta con nosotros en <a class="link_azul" href="mailto:[email protected]">[email protected]</a> o en el teléfono 957 346 215 y te ayudaremos!</p>




</section> 

La pregunta es que añadirian o quitarian para que estuviese bien escrito en html5, se que seguramente faltan muchas cosas pero a ver si pueden decirme asi por encima.

Decir que las cabeceras y demas estan en el archivo que carga este dentro del include.

Un saludo amigos

[pzin]

Mirando por encima. El header en principio dentro de article está bien, pero si sólo va a contener un título y nada más, entonces pon un h1.

Embeber estilos CSS en elementos HTML, a menos que sea estrictamente necesario, no se recomienda para nada.

Si recomienda también usar utf-8 como codificación, así no tienes que andar poniendo las entidades HTML de vocales con tildes y demás.

El tema de los input, no veo qué sentido tienen ahí fuera de un formulario. Si quieres poner enlaces, pon enlaces con a, luego ya le puedes dar el estilo que quieras y simular un botón con :hover y :active.

Luego la tabla ahí en medio no sé para qué estará. Ya que no son datos tabulados no debería de haber una tabla ahí.

[franjgg]

Hola amigo bonez gracias por tu atencion,

A que te refieres con embeber estilos css a las etiquetas style de algunos elementos?

Añadiria aguna cosa etiqueta mas de html5 amigo?

Un saludo y de nuevo gracias

[memoadian]

se refiere a que no hagas esto

<p style="margin:0px 0px 30px 0px;">

si no que hagas un archivo css aparte y hagas esto

p{margin:0px 0px 30px 0px}

si no quieres aplicarlo a todos los p, usa una class.