html5下移标签,不可不知的html5标签
在浅谈html5和html的区别这篇文章中:我简单的跟大家说了下:什么是新一代超文本标记语言(html5)?以及html5和html的区别在哪些方面?以及html5相对于html的优势在哪里?那么今天就跟大家一起深入讲讲html5标签
一、结构标签
说到结构标签,我觉得这是相对于html来说,是一个非常好的改变,因为它对于网站的SEO优化有了很大的提升。为什么这么说呢?因为新定义的这些结构标签,搜索引擎蜘蛛能知道它是干什么的。因为我们所做的网站都是需要做SEO的,做排名的。通过排名获得流量,然后进一步进行转化,转化成你想要的money.
那么新增加的结构标签有哪些呢?
1. 标记定义一篇文章
2. 标记定义一个页面或一个区域的头部
3. 标记定义导航链接
4.标记定义一个区域
5. 标记定义页面内容部分的侧边栏
6.标记定义文件中一个区块的相关信息
7.
8.
9. 标记定义一个页面或一个区域的底部
二、新增标签
在新增的html标签中我认为最大的好处就是增加了多媒体交互标签。在html中一般我们插入什么音频、视频、flash都会用到标签,来定义外部的可交互的内容或插件,而在HTML5的多媒体标签的中,我们可以直接添加音频、视频等多媒体文件,而不需要使用外部插件来实现,这样极大地提升了用户体验。
新增的多媒体交互标签有:
1. 标记定义一个视频
2. 标记定义音频内容
3. 标记定义媒体资源
4. 标记定义图片
三、重新定义标签
在html5标签中,有一些标签相对于html标签来说,更改了它的语义。重新定义的标签如下:
1.代表内联文本,通常是粗体,没有传递表示重要的意思
2.代表内联文本,通常是斜体,没有传递表示重要的意思
3.
可以同details与figure一同使用,定义包含文本,dialog也可用
4.
可以同details与figure一同使用,汇总细节,dialog也可用
5.
表示主题结束,而不是水平线,虽然显示相同
6.
7.表示小字体,例如打印注释或者法律条款
8.表示重要性而不是强调符号
总结:通过对html5的标签来看,不管是从结构标签还是新增的一些标签,使网站更加符合SEO的优化,同时也提升了用户体验。
本文由段亮个人博客原创出品,如需转载请注明出处。谢谢!!
html5下移标签,不可不知的html5标签相关推荐
- html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
- HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签 声明必须是 HTML 文档的第一行,位于 标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
- HTML5增加的几个新的标签
HTML5又2008年诞生,HTML5大致可以等同于=html+css3+javascriptapi.... so --->支持css3强大的选择器和动画以及javascript的新的函数 先来 ...
- [html] 举例说明HTML5出来后,有哪些HTML标签被弃用了?
[html] 举例说明HTML5出来后,有哪些HTML标签被弃用了? center u s font ..... 等等违反表现和结构分离原则的标签被弃用 个人简介 我是歌谣,欢迎和大家一起交流前后端知 ...
- 第四节:HTML5给表单带来的新标签、新属性、新类型
上一章节讲了21个语义化的标签,这一节我们来讲表单标签,HTML5不仅仅给表单带来了新的标签,还给原来的标签带来了新的属性,这一节我们会来介绍介绍它们. 到目前为止,我们对HTML5的学习还是停留在新 ...
- html5标签属性大全_HTML/HTML5 知识点思维导图
HTML 1 - 浏览器 | 浏览器页面构成 2 - 浏览器 | 浏览器内核相关知识点 3 - W3C | 对WEB标准以及W3C的理解与认识? 4 - 标签 | Doctype相关知识点 5 - 标 ...
- ie8 html 语音标签,让IE8支持html5中的video标签
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在 里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...
- html5点击事件_lt;detailsgt; | HTML5 详细内容标签
定义与用法 标签用于描述文档或文档某个部分的细节. 标签规定了用户可见的或者隐藏的补充内容. 标签用来供用户开启关闭的交互式控件.任何形式的内容都能被放在 标签里边. 元素的内容默认对用户是不可见的, ...
- html5图片img,HTML中图片img标签
这篇文章主要介绍了HTML图片img标签的相关资料,需要的朋友可以参考下 摘要项目说明 形式 支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ 标签省略开始标 ...
- html5 Doctor——教你规范使用html5标签
学习地址(英文资料):http://html5doctor.com/ http://www.w3.org/html/wg/drafts/html/master/text-level-semantics ...
最新文章
- 中国铁建内网漫游沦陷多个重要部门泄漏大量信息(redis+ssh-keygen免认证登录案例)...
- [CF314C](Sereja and Subsequences)
- css和js和html代码,网页代码中js和css指的是什么?
- delphi TWebBrowser组件使用详解
- web service notes
- LINK : fatal error LNK1104: cannot open file mfc42d.lib
- MySQL主从延时这么长,要怎么优化?
- 图解ArcGIS API for JavaScript开发环境搭建
- SQLServer中一个多用户自动生成编号的过程
- 社会工程学之《反欺骗的艺术》小结(一)
- ADS2015安装包和教程
- Baker Tilly与RGL Forensics宣布合并
- Windows10无法启动windows安全中心服务怎么办?
- 稳定版正式发布 | 用 Flutter 构建 Windows 桌面应用程序
- git解决fatal: unable to access ‘https://gitee.com/XXX.git/‘: The requested returned error: 403
- HDUOJ 1392凸包graham算法
- 算法之回溯算法-24点问题
- python语言要英语基础吗_学编程需要英语基础吗?
- 决策树6:分类与回归树CART
- 计算机英文缩写ISA,计算机中的英文缩写