HTML5语义化标签和新特性笔记

2022 年 6 月 10 日 星期五(已编辑)
/ ,
235
AI 生成的摘要
由 Open AI 提供支持
HTML5 新增了一些语义化标签,这些标签有助于让网页结构更清晰。虽然它们还未被广泛使用,但值得参考和记录。此外,HTML5 还在 input 标签中引入了新特性,不同类型的输入框有更丰富的选项和属性,进一步增强了表单功能。
这篇文章上次修改于 2022 年 9 月 5 日 星期一,可能部分内容已经不适用,如有疑问可询问作者。

阅读此文章之前,你可能需要首先阅读以下的文章才能更好的理解上下文。

HTML5语义化标签和新特性笔记

html5新增的语义化标签,可以让结构更清晰。但是并没有大量广泛使用,可以参考一下。也写下来当个记录

<header> <!--:页眉通常包括网站标志、主导航、全站链接以及搜索框。--> 
<nav>         <!--:标记导航,仅对文档中重要的链接群使用。-->
<main>         <!--:页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能。-->
<article>    <!--:定义外部的内容,其中的内容独立于文档的其余部分。-->
<section>    <!--:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。-->
<aside>         <!--:定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。-->
<footer>     <!--:页脚,只有当父级是body时,才是整个页面的页脚。-->

下面是关于html5新增的input的特性

38614326.png

38614326.png
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...