What are the benefits of using CSS over tables for layout in PHP?

Using CSS for layout in PHP is preferred over tables because it separates the content from the design, making the code cleaner and more maintainable. CSS allows for more flexibility in styling, such as responsive design for different screen sizes. It also improves accessibility and SEO by providing better structure for search engines to crawl. 

<!DOCTYPE html>
<html>
<head>
    <style>
        /* CSS code for layout */
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
        }
        
        header {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px 0;
        }
        
        nav {
            background-color: #444;
            color: #fff;
            text-align: center;
            padding: 5px 0;
        }
        
        section {
            padding: 20px;
            margin: 10px;
            background-color: #fff;
            border-radius: 5px;
        }
        
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>Header</h1>
    </header>
    
    <nav>
        <a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a>
    </nav>
    
    <section>
        <h2>Main Content</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
    
    <footer>
        <p>© 2021 My Website</p>
    </footer>
</body>
</html>

Keywords

CSS tables layout benefits PHP

Related Questions