返回

HTML5 标签和声明

前端

HTML5 简介

HTML5 是 World Wide Web Consortium (W3C) 的规范。它于 2014 年 10 月 28 日发布，是 HTML4 的下一代版本。HTML5 的目标是创建一个更强大、更灵活且更易用的语言，以满足现代 Web 的需求。

HTML5 引入了许多新功能，包括：

  • 新的标签，如 <header>, <footer>, <section>, <article>, <aside>, <nav>, <figure> 和 <figcaption>.
  • 新的属性，如 placeholder, autocomplete 和 required.
  • 新的输入类型，如 email, url 和 date.
  • 对音频和视频的支持。
  • 对 Canvas 和 SVG 的支持。
  • 对地理位置的支持。

HTML5 还改进了对旧版浏览器的支持，并使其更容易使用。

HTML4 声明方式

在 HTML4 中，使用 <html> 和 <head> 标签来声明文档类型。

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>Hello World!</h1>
</body>
</html>

HTML5 声明方式

在 HTML5 中，使用 <!DOCTYPE html> 来声明文档类型。

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>Hello World!</h1>
</body>
</html>

新增标签

HTML5 中添加了许多新标签，以改善网页的结构和语义。

标签 说明
<header> 网页页眉
<footer> 网页页脚
<section> 网页的部分
<article> 网页的独立部分，如博客文章或新闻报道
<aside> 网页的侧边栏
<nav> 网页的导航栏
<figure> 网页的图片或其他媒体内容
<figcaption> 网页图片或其他媒体内容的标题或
<audio> 网页的音频内容
<video> 网页的视频内容

结束语

HTML5 是一项规范，提供构建和呈现内容的标签和属性，并在浏览器上运行。它定义了一个开放的平台，使网页和应用程序能够在各种设备上运行。HTML5 引入了许多新功能，以改善网页的结构、语义和可用性。