| dbpprop:abstract
|
- Tableless web design (or tableless web layout) is a method of web design and development without using HTML tables for page layout control purposes. Instead of HTML tables, style sheet languages such as CSS (Cascading Style Sheets) are used to arrange elements and text on a web page. CSS was introduced by the World Wide Web Consortium (W3C) to improve web accessibility and to make HTML code semantic rather than presentational. In the late 1990s, when the dot-com boom led to a rapid growth in the 'new media' of web page creation and design, there began a trend of using HTML tables, and their rows, columns and table cells, to control the layout of whole web pages. This was partly due to the limitations at the time of CSS support in major browsers, partly due to the new web designers' lack of familiarity with CSS or with reasons not to use any simple way quickly to achieve whatever layout they wanted, and partly due to a new breed of WYSIWYG web design tools that encouraged this practice. More recent times have seen an increasing understanding among web content professionals of the advantages of restricting the use of HTML tables to their intended and semantic purpose - i.e. laying out tabular data or other information. These advantages include improved accessibility of the information to a wider variety of users, using a wide variety of user agents. There are bandwidth savings as large numbers of semantically meaningless <table>, <tr> and <td> tags are removed from dozens of pages leaving far fewer more meaningful headings, paragraphs and lists. Layout instructions are transferred into site-wide CSS stylesheets, which can be downloaded once and cached for reuse while each visitor navigates the site. Sites become more maintainable as the whole site can be restyled or re-branded in one go merely by altering the CSS stylesheet, which affects every page. New HTML content can be added in such a way that consistent layout rules are immediately applied to it by the existing CSS without any further effort. There is still (as of 2009) some distance to go; some web developers have yet to remove the tables from their page layouts, while others are now afraid to introduce a simple HTML table even where it makes good sense, some erring by the overuse of span and div elements, perhaps even with table-like rules applied to them in CSS.
- Tableless es el arte de construir sitios web sin recurrir al uso de tablas para separar contenido de diseño. En vez de tablas, se utiliza la colocación de CSS para ordenar los elementos y el texto en una página web. CSS fue introducido por el World Wide Web Consortium (W3C) para mejorar la accesibilidad web y hacer al código HTML más semántico que presentacional. Desde su comienzo, el recién llegado CSS brindó más poder y facilidad para los formatos, y el tag <FONT> fue cayendo en desuso. Por otro lado CSS todavía era muy limitado y difícil de aplicar a las estructuras de los sitios web (como el diseño de tres columnas), que eran muy fácil de implementar con tablas y no tenían un obvio equivalente en CSS. Pero desde 2006 la situación mejoró considerablemente: Los navegadores más populares ya tenían suficiente soporte para las nuevas características de CSS, y esto derivó en una gradual adopción del diseño tableless (sin tablas). Muchos sitios web usan CSS sólo para formatear y realizan la estructura usando tablas. esta técnica no es recomendada ni correcta, las tablas en un contenido semántico deben ser utilizadas para la muestra de datos tabulados, dejando a CSS la distribución de los elementos dentro de la página
- Tableless é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares. Para a disposição da página o recomendado seria usar CSS. O termo ganhou destaque no Brasil sendo pouco utilizado no resto do mundo. Dentre as possíveis vantagens da metodologia, estão a diminuição do peso da página (na realidade, o conteúdo da página é mostrado mais rápido, o que não significa que o peso da página seja menor - isso, é claro, sempre dependendo de como o HTML é feito) e melhora da acessibilidade - podem ser vistos em dispositivos móveis sem necessidade de versão especial e por deficientes visuais, embora não sejam muitos os sites tableless que carregam atualmente esta segunda característica.
|
![[RDF Data]](/statics/sw-cube.png)
