3

我对 joomla2.5 模板中的以下代码感到惊讶：beez5

<?php if(!$templateparams->get('html5', 0)): ?>
        <div id="header">
            <?php else: ?>
        <header id="header">
            <?php endif; ?>

是的！这是 html5 的时代，但代码询问浏览器是否支持 html5 然后添加<header id="header">标签，否则添加<div id="header">。为什么模板不使用<div id="header">而不是两者？

问题：<div id="header">旧标记和新标记有什么区别<header id="header">？<div id="header">如果浏览器支持 html5，这与使用 html5 时的行为是否不同<header id="header">？

4

3 回答 3

5

PHP 是一种服务器端语言，它不会在客户端级别进行任何检查，只会在服务器端进行检查。

HTML 5 在语义上更正确，使用<header>而不是使用<div>带有ID标头的 a 可以提供更好SEO的 , 更容易让网络爬虫找到，并提供更好的可访问性（即屏幕阅读器或其他一些设备可以很容易地与headers, footers,sections表示的内容相关联）。

于 2013-08-20T07:13:15.457 回答
-1

很快，当浏览器看到一个不受支持的，它被标记为unknown element。这意味着它将以不同的方式对待它。它将改变它的 DOM 树结构，它不会应用你认为元素具有的默认样式。更多关于这里的信息。

于 2013-08-20T07:13:13.653 回答
-2

<div id="header"> 和 之间没有区别 <header id="header"> 。这样做是为了帮助代码清晰并调用标签而不是 id。通常你可以使用 <header> 它，它的工作原理是一样的。小心，我认为只有支持 html5 的较新浏览器才会支持这一点。

于 2013-08-20T07:15:25.740 回答