专栏首页用户2119464的专栏html5 新增内容--语义化标签

html5 新增内容--语义化标签

html5 新增内容

语义化标签

<header></header> 页眉

  • 主要用于页面的头部的信息介绍,也可用于板块头部

<nav></nav> 导航

  • 主要用于制作页面的导航,也可用作底部导航

main

<main></main> 主要内容

  • 定文档的主要内容,一个文档最多只能使用一次

article

<article></article> 内容

  • 用来在页面中表示一套结构完整且独立的内容部分

aside

<aside></aside> 侧边栏

  • 主要用于表示与内容相关的导航, 侧边栏等

section

<section></section> 版块

  • 用于划分页面上的不同区域,或者划分文章里不同的节

<footer></footer> 页脚

  • 页面的底部 或者 版块底部

hgroup

<hgroup></hgroup> 标题组合

  • 一个标题和一个子标题,或者标语的组合

figure

<figure></figure> 对元素进行组合

  • 一般用于内有图片或视频

datalist

<datalist></datalist> 选项列表

  • 与 input 元素配合使用,来定义 input 可能的值

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 高级Js-Tab切换组件

    星辉
  • python入门(九)python基础知识点补充

    星辉
  • 字节跳动前端实习面经

    viewport 是用户网页的可视区域。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,...

    星辉
  • 如何高效的学习 Linux

    幸好大学学过操作系统,顺利过关入职了。当时还纳闷,我做开发,掌握语言不就好了,为什么还要掌握操作系统。

    iMike
  • 《数字集成电路静态时序分析基础》笔记⑨

    慢时钟域的数据计算比较慢,用快时钟域来要求慢时钟域是不合理的,所以可以在第四个周期进行检查,这样可以放宽对慢时钟域的检查。注意要加上-end选项,因为这是对

    空白的贝塔
  • 腾讯云大学「学习路径—云计算、小程序、运维、人工智能」助力开发者轻松上云

    腾讯云大学面向云生态用户的一站式学习成长平台,提供丰富优质的云计算、大数据、人工智能等课程内容,以及权威的腾讯云技术认证体系。

    腾讯云大学
  • 如何用Chrome自带的截屏功能截取超过一个屏幕的网页

    前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长,一个屏幕显示不下,那么操作系统自带的截图功能就没有办法截取整个屏幕了。

    Jerry Wang
  • Django——邮件发送

    EMAIL_HOST = 'smtp.qq.com' #不同的邮箱有不同的发件地址(收件地址)

    py3study
  • 知识图谱入门 , 知识抽取

    知识抽取,即从不同来源、不同结构的数据中进行知识提取,形成知识(结构化数据)存入到知识图谱。大体的任务分类与对应技术如下图所示:

    机器学习AI算法工程
  • 如何教熊孩子好好做人?这款小程序肯定有效

    小程序体验师:郑旭光 教育孩子,是每个家长最头疼的事情。怎样才能轻轻松松教会孩子做事呢?

    知晓君

扫码关注云+社区

领取腾讯云代金券