c语言编程笔录

首页 >   > 笔记大全

笔记大全

一定要注意常见的3种HTML5错误用法

更新时间：2023-11-09
第一段 HTML5已经成为了现代Web开发的一部分，但是在使用的时候我们还会遇到一些常见的错误，这些错误容易被忽略却会造成严重的影响。其中，前三种错误尤为常见。第一种是关于DOCTYPE声明的错误。若我们使用以下代码： 
<!DOCTYPE html>
<html>
    <head>
        <title>My Title</title>
    </head>
    <body>
        <p>My Paragraph</p>
    </body>
</html>
那么很多浏览器无法正确的解析该代码，会导致我们的Web页面显示不正常。这是因为我们声明的DOCTYPE不规范导致的问题，正确声明应该是： 
<!DOCTYPE html>
第二段 第二种常见的HTML5误用是关于元素的关闭。在HTML4的时代，我们对于大多数元素都需要进行手动关闭，例如： 
<p>My Paragraph</p>
但是，在HTML5中，对于很多元素进行手动关闭并不是必须的，例如： 
<p>My Paragraph</p>
<section>
    <h1>My Title</h1>
    <p>My Paragraph</p>
</section>
你会看到<p>和</p>并没有成对出现，这是因为HTML5允许省略某些元素的关闭标签。但需要注意的是，不是所有的元素都可以这么做，例如： <p>与<div>元素，必须手动关闭。 第三段 第三种常见的HTML5误用是关于语义化HTML的问题。HTML5完全支持语义化标签，这些标签使我们的代码可以更具可读性同时也方便搜索引擎检索。其中一些常见的语义化标签有以下： - <header> 发布内容的头部信息 - <nav> 导航 - <section> 页面或者文档的section - <aside> 页面侧边栏或者其他相关内容 - <article> 单独的文章部分 例如： 
<html>
    <head>
        <title>My Title</title>
    </head>
    <body>
        <header>
            <h1>My Blog Header</h1>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </header>
        <section>
            <article>
                <h2>My Blog Post Title</h2>
                <p>My Blog Post Content</p>
            </article>
        </section>
        <aside>
            <p>My Blog SideBar</p>
        </aside>
    </body>
</html>
如上代码片段中就是使用了HTML5语义化标签，使得代码更加易于阅读和理解，同时也利于搜索引擎检索。 第四段 综上所述，HTML5的常见误用包括：DOCTYPE声明不规范，元素关闭错误，语义化HTML不使用。以上这些问题容易被我们忽略，但是对于Web开发而言是非常重要的。我们应该逐渐掌握HTML5的基本规范和最佳实践，让我们的Web页面更加规范化。处理好这三个问题将有助于我们提高我们的Web开发技能，并且让我们的Web页面更加专业。

图文推荐