首页 > 其他分享 >HTML5新增标签

HTML5新增标签

时间:2023-03-16 20:44:31浏览次数:37  
标签:标签 新增 H5 HTML5 div 页面

HTML5新增标签

 

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(w3c)完成标准制定

在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上述缺点,HTML5新增了很多新的语义化标签

 

扩展知识

div容器元素,也是页面中见到的最多的元素

div实现

 

H5新标签实现

 

H5新标签

<header></header>头部

<nav></nav>导航

<section></section>定义文档中的节,比如章节,页眉,页脚

<aside></aside>侧边栏

<footer></footer>脚部

<article></article>代表一个独立的,完整的相关内容块,例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等

 

标签:标签,新增,H5,HTML5,div,页面
From: https://www.cnblogs.com/andy-chi/p/17224065.html

相关文章

  • Day02 2.2、HTML基础之表单标签
    二、表单标签是HTML中最终的标签之一,主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。1form标签......
  • Day02 2.3、HTML基础之表单标签的基本使用
    三、表格标签表格系列标签主要是可以数据以表格的格式展示出来。但是现在table表格已经很少使用了,而是改成div+css实现更漂亮的表格。标签描述<table></table......
  • Day02 2.3、HTML基础之标签的练习案例
    使用table+表单,把课堂上的form标签的代码,整理成以下格式(不要外观):<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></h......
  • Day02 2.1、HTML基础之列表标签
    一、列表标签列表是一种结构标签可以让网页的内容形成列表格式。列表标签在HTML中提供提供了4种:无序列表(UnorderList,ul)就是没有序号的,内容不分先后......
  • img标签如何添加动态src地址
    把图片当成模块用require引入图片地址(不带图片名称),后面加上循环遍历的图片名称拼接后就可以展示图片。即 require('@/assets/images/home/'+item.url)  // item.......
  • 6_JSTL格式化标签
    ​ JSTL格式化标签格式化标签库格式化标签库,也叫作fmt标签,是JTSL中的第二大组成部分,主要解决数据显示格式问题,让JSP页面的数据格式更加规范格式化标签库导入的语......
  • 6_JSTL格式化标签
    ​ JSTL格式化标签格式化标签库格式化标签库,也叫作fmt标签,是JTSL中的第二大组成部分,主要解决数据显示格式问题,让JSP页面的数据格式更加规范格式化标签库导入的语......
  • Maven POM.xml 标签详解
    pom作为项目对象模型。通过xml表示maven项目,使用pom.xml来实现。主要描述了项目:包括配置文件;开发者需要遵循的规则,缺陷管理系统,组织和licenses,项目的url,项目的依赖性,以及其......
  • HTML5智慧仓库Web3D可视化管理平台
    随着5G技术的不断普及,万物互联已经不再遥远。近年来,随着电商业务的飞速发展,仓储物流的压力也越来越大,电子商务的订单不同于一般的B2B订单,其中一个最大的特点就是碎片化严重......
  • es6都新增了什么?
    一.var,let,const区别1.变量提升:var存在变量提升,即变量可在声明前调用,值为undefined,let,const不存在变量提升2.暂时性死区:var不存在,let,const存在,只有等到声明变量那一刻才......