html5标签的一些小总结
来源:互联网 发布:网络协议分析软件 编辑:程序博客网 时间:2024/05/22 17:51
简单的说下:什么是新一代超文本标记语言(html5)?以及html5和html的区别在哪些方面?以及html5相对于html的优势在哪里?那么今天就跟大家一起深入讲讲html5标签
一、结构标签
说到结构标签,我觉得这是相对于html来说,是一个非常好的改变,因为它对于网站的SEO优化有了很大的提升。为什么这么说呢?因为新定义的这些结构标签,搜索引擎蜘蛛能知道它是干什么的。因为我们所做的网站都是需要做SEO的,做排名的。通过排名获得流量,然后进一步进行转化,转化成你想要的money.
那么新增加的结构标签有哪些呢?
1.<article> 标记定义一篇文章
2.<header> 标记定义一个页面或一个区域的头部
3.<nav> 标记定义导航链接
4.<section>标记定义一个区域
5.<aside> 标记定义页面内容部分的侧边栏
6.<hgroup>标记定义文件中一个区块的相关信息
7.<figure> 标记定义一组媒体内容以及它们的标题
8.<figcaption>标签定义 figure 元素的标题。
9.<footer> 标记定义一个页面或一个区域的底部
二、新增标签
在新增的html标签中我认为最大的好处就是增加了多媒体交互标签。在html中一般我们插入什么音频、视频、flash都会用到<embed>标签,来定义外部的可交互的内容或插件,而在HTML5的多媒体标签的中,我们可以直接添加音频、视频等多媒体文件,而不需要使用外部插件来实现,这样极大地提升了用户体验。
新增的多媒体交互标签有:
1.<video> 标记定义一个视频
2.<audio> 标记定义音频内容
3.<source> 标记定义媒体资源
4.<canvas> 标记定义图片
三、重新定义标签
在html5标签中,有一些标签相对于html标签来说,更改了它的语义。重新定义的标签如下:
1.<b>代表内联文本,通常是粗体,没有传递表示重要的意思
2.<i>代表内联文本,通常是斜体,没有传递表示重要的意思
3.<dd>可以同details与figure一同使用,定义包含文本,dialog也可用
4.<dt>可以同details与figure一同使用,汇总细节,dialog也可用
5.<hr>表示主题结束,而不是水平线,虽然显示相同
6.<menu>重新定义用户界面的菜单,配合commond或者menuitem使用
7.<small>表示小字体,例如打印注释或者法律条款
8.<strong>表示重要性而不是强调符号
总结:通过对html5的标签来看,不管是从结构标签还是新增的一些标签,使网站更加符合SEO的优化,同时也提升了用户体验。
- html5标签的一些小总结
- 一些html5,mysql,jacascript,jquery的小标签
- HTML5标签绘制渐变图形的一些总结
- html5的一些新增标签。。
- HTML5 的一些新标签
- html5的一些小常识
- html5 中一些标签新增的属性
- HTML5小标签补充
- HTML5一些标签
- HTML5新增标签最有用的总结
- Html5中常使用的标签总结
- HTML5中最新的标签学习总结
- HTML5标签总结
- html5标签总结
- html5新增标签总结
- HTML5 Canvas标签总结
- HTML5 之标签实验室、HTML5标签总结
- html5的canvas的一些初学总结
- 使用hibernate完成持久化操作
- [树上依赖多重背包 DP] BZOJ 4910 [Sdoi2017]苹果树
- Android开发进阶知识图谱
- 如何计算时间复杂度
- 验证码功能
- html5标签的一些小总结
- 获取ip地址以及Android N 的变化
- 舒适的前端开发环境是怎样一种体验?
- Mac 开启crontab定时任务调试
- unity3d 屏幕坐标、鼠标位置、视口坐标和绘制GUI时使用的坐标
- 巴什博奕(多校联盟六)
- skynet教程(2)--项目代码独立于skynet源码结构
- web前端优化之图片优化
- 【整理】树莓派初识