所有分类
  • 所有分类
  • 后端开发
HTML5 中 aside、nav、time 元素的作用及微格式的概念

HTML5 中 aside、nav、time 元素的作用及微格式的概念

4.aside元素并非所有的超链接都放在nav元素中,通常只把一个文档中的主导航栏放在nav中6.time元素7.time元素示例8.hgroup元素9.address元素11.figure元素figure/figcaptio都是HTML5

哦你知道吗,HTML5中的aside就是个好用的侧边栏工具,像我们写新闻网站这种情况下,就能派上用场。你看,我们可以利用它来展示文章链接或简介之类的内容。这样一处理,页面布局就丰富多,各种信息清晰明了。比如来说说那件大事——美国总统选举,你看到有关这个话题的文章后,顺便看看旁边,是不是也能找到与之相关的文章或者简单介绍?这样多方便!而且看起来也舒服多了,对?

别忘了在article中添点儿info这样能帮你看得更明白。不懂某个科技词儿?想知道更多?那就放进aside这儿,边读边查,理解得更深!

nav元素的作用与应用

Nav这东西其实就等于是导航,作用有多大?让你在网页上游刃有余。知道吗,它主要负责主导航部分,让你找东西就像回家那么简单。比如进了电商网站,你会看到首页、各种产品、购物车还有客服联系方式这些实用功能都是通过Nav实现的。

大家都喜欢逛博客和论坛,你们知道nav这个东西有多神奇吗?特别是当你在阅读长篇文章或复杂说明时。它可以帮你设置链接,并将大篇幅文字变成目录,这样你就不用辛苦地翻页去找你想要的内容了!比如,当你要写报告时,用nav做个目录,轻轻一点就能迅速跳转到摘要、步骤、结果等部分,超级方便实用!

time元素及其微格式概念

HTML5突然来了个新鲜东西,叫做time元素,就是把某个时刻或者那天的事儿标记出来,用点儿微格式,就像在浏览器门口上了个锁,让搜索引擎能更轻松地找到你。比如我们可以用time元素标出新闻的发布时间,这样搜索引擎就能立马发现并且把你的结果排前面!

微格式就是在HTML5里面加个标签,弄点新闻发布时间或者文章发表时间这种东西,是不是超级容易?靠着time元素和datetime属性,想怎么调日期和时间就怎么调,清楚又准确。其实这就好比给网站文档贴标签,让搜索引擎和浏览器能更快地找到他们想要的东西咯。

hgroup元素的用途

说到hgroup,其实就是用来区分标题的,这样网页就会看着整洁舒服些。你想怎么布局都行,最重要的是整个界面看上去让人觉得舒心。看看那些论文,名字写得乱七八糟的,如果加点hgroup整理下,页面瞬间就变得整齐好看了,读起来也就更容易理解。

address元素的功能

Address就是作者联系方式,姓名、邮箱、电话、住址啥都有,都是斜体字,很容易找到。想和博主在线聊天?直接看那的Address就行了,简单得很!

新布局的优点

说起HTML5的新布局,最大的好处就是你们可以不在乎它好不好看,重点在内容呀。这种布局使得页面看上去很顺眼,比如你们能不能看懂,我讲得清不清晰?用户体验能不能让人觉得舒适?对电脑也有益处(如访问速度变快,浏览器也是不是更易于阅读?搜索引擎能否轻松找到信息?)更重要的是,写代码变得超级简单了!所以,大家都越来越倾向于用HTML5来做网页咯~

figure元素及其应用

你知道那个新的HTML5元素figure吗?听起来挺厉害的,就像个管家似的,特别擅长管理图片、图标这种多媒体元素,一收拾妥当,页面看起来更美观有序了。比如说,你要是写旅游攻略的话,用figure元素把美美的照片和有意思的文字配合好,让人看了也能心情舒畅。

figcaption元素的作用

大家都知道,figcaption就是给图像加个简单的注释。这么做不仅让图片看起来跟文字更搭,还能帮助读者更深入地解读,不用读标题就能大概知道图上是什么意思。想想看,看那些专业的技术文献时,有了figcaption,是不是感觉图片更容易理解了?看着也就没那么费劲儿了。

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/07/19487.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?