H5新特性·语义化标签

所谓【语义化】，便是【见名知意】！

　　在笔者基础阶段学习搭建页面结构的过程中，常常使用div划分页面结构，通过给div命名才能大概知晓每个模块的功能；

而H5语义化标签的出现与补充，解决了困扰笔者的这一问题：使得页面结构的搭建，不再复杂，每个版块的功能都清晰可见》》》(*^▽^*)

下面就让我们一起看看，新添加了哪些强大的语义化标签吧！！！

【借鉴出处】http://caibaojian.com/html5/ele.html

笔者也亲自验证了一部分，如下图：

①【局部】time标签的使用，让人一目了然！（原来就是各种找->行内标签，为了实现其功能）

②【综合布局】

原文地址：https://www.cnblogs.com/2020lmj/p/12391963.html

时间： 2024-10-27 17:43:48

H5新特性·语义化标签的相关文章

H5新特性值语义化标签

H5新特性之语义化标签下面是一些关于H5的语义化标签,来看一下: section 类似于div,section 更偏向划分区域 article 更偏向于内容的展示 aside (在一边的,在一旁的,侧边) header 表示内容的头部.网页的头部.头部区域 footer 表示网页的底部.内容的底部.底部区域 nav 导航连接.导航区域 figure 表示一块独立的内

html新的语义化标签和表单控件

语义化标签 1 <!DOCTYPE html> 2 <html> 3 <head lang="zh-cn"> 4 <meta charset="UTF-8"> 5 <title>新增的语义化标签</title> 6 </head> 7 <body> 8 <header>页面头部或某个板块的头部</header> 9 <footer>页面

HTML5新特性,语义化

1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of

<article>定义一个特殊的section标签,比section有更明确的语义.定义来自外部的一个独立的.完整的内容块,例如什么论坛的文章,博客的文本....<aside> 用来装载页面中非正文的内容,独立于其他模块.例如广告.成组的链接.侧边栏.. <footer> 定义 section 或 page 的页脚.<header>定义 section 或 page 的页眉.<section>定义文档中的主体部分的节.段. <nav&g

Html5新增的语义化标签（部分）

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成.这是互联网的一次重大变革,这也许是一个时代的来临! 总结一些h5新增的语义化标签,记录下来方便自己学习及使用: 1.<header></header> 页眉:主要用于页面的头部的信息介绍,也可用于板块头部: 2.<hgroup></hgroup> 页面上的一个标题组合:一个标题和一个子标题,或者标语的组合: 3.<nav></nav> 导

H5新特性之语义化标签

二月底,疫情仍未过去,在家逆战学习. 说道H5新特性的语义化标签,就不得不先简单说一下它的发展史,兼容和一些语法问题. H5在经过多达近百项的修改,包括HTML和XHTML的标签,相关的API,Canvas等,性能得到进一步提升. H5仅仅是新增添了一些内容并优化了它们,而不是全盘否定之前的旧的内容.支持Html5 的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari, Opera等以及一些国内浏览器. 对于H5语法变化不大,文件的扩展名是不变

HTML5中新增的语义化标签，及在IE5.5~9（IE9已经开始支持部分HTML5新标签了）支持这些新标签的兼容性处理。

一.前言本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main 三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<he

前端面试基础-html篇之H5新特性

h5的新特性(目前个人所了解)如下语义化标签表单新特性视频(video)和音频(audio) canvas画布 svg绘图地理定位为鼠标提供的拖放API webworker (重点)Storage (重点)Websocket HTML语义化是什么? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析. 为什么要语义化? 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各