HTML4+HTML5知识

这篇文章距离上次修改已过433天，其中的内容可能已经有所变动。

HTML4和HTML5的知识点有很多，但是我们可以关注一些主要的差异点。以下是一些主要的差异点：

文档类型（DOCTYPE）:
HTML4使用SGML（Standard Generalized Markup Language），HTML5不使用SGML，直接使用新的DOCTYPE声明。
语言属性：
HTML4中可以直接在<html>标签中使用lang属性来指定语言，而在HTML5中，lang属性被移到了<html>标签上。
新的元素：
HTML5引入了许多新的语义元素，如<header>, <nav>, <section>, <article>, <aside>, <footer>等。
内联SVG：
HTML5允许直接在HTML文档中使用内联SVG，而HTML4不支持。
新的表单控件：
HTML5引入了新的表单控件，如email, url, number, range, date, time, month, week, search, color等。
多媒体支持：
HTML5增强了对视频和音频的支持，通过<video>和<audio>标签来实现。
Canvas绘图：
HTML5提供了<canvas>元素来实现绘图。
删除的元素：
HTML4中的一些元素如<center>, <font>, <u>等在HTML5中已被删除。
全局属性：
HTML5引入了全局属性，如contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck等。
属性的简写：
例如，HTML5允许我们对boolean属性进行简写，如checked, selected, disabled等。

以下是一个简单的HTML5页面示例代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5 Example</title>
</head>
<body>
    <header>
        <h1>Welcome to My Website</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
    <section>
        <h2>Main Content</h2>
        <p>This is an example paragraph...</p>
    </section>
    <aside>
        <h2>Sidebar</h2>
        <p>This is a sidebar paragraph...</p>
    </aside>
    <footer>
        <p>Copyright &copy; 2023 My Website</p>
    </footer>
</body>
</html>

这个示例展示了HTML5中的一些新的语义元素，以及如何正确地使用它们来构建一个简单的网页结构。

评论已关闭

推荐阅读