我工作中老是用HTML5做网页。HTML5不仅是个标记语言，还是帮我们把网页内容弄得有条理、有层次的好帮手。只要搞懂了HTML5的元素，就能把网页内容整理得清清楚楚，一目了然。今天就给大家说说我对HTML5里几个重要元素的理解和实战经验。
写给IT职场新人的六个“关于”
关于工作地点 ...
...
header元素：网页的门面
头是网页上最先见到的，用于放标题跟导航。它要做得好看，还得告诉大家你是谁，让人一眼就知道该去哪儿。我的设计里，头就喜欢简单利落，能放上公司或者品牌的标志，也能快速带大家找到想要的东西。
写给IT职场新人的六个“关于”
关于工作地点
...
... 关于企业
...
经常看到网站下面都会有个叫footer的地方，里面藏着很多有用的信息，比如版权声明，联系方式，还有友情链接什么的。虽然这个地方可能不太显眼，但是对我们了解更多信息和提升使用体验可是很关键！我还会在这里放上社交媒体的链接，让大家更方便地关注我们，也能增进互动。
section与article：组织内容的好帮手
用section这个东西，可以把网页分成好几个区域，让你一眼就能看到重点在哪儿。我做网页总是先琢磨怎么分块的事情，比如新闻网就可以利用这玩意儿给不同的新闻分类。
article元素就是用来搞定独立完整内容的。在写博客或者新闻时，每篇文章都要独当一面，这样才能看得清晰明了，对SEO也有好处！我通常会在article里面再加个section，把文章分成引言、正文和结论三部分。
nav元素：导航的艺术
Nav元素就像是网站里的导游，帮你快速找资料。我尽量把它弄得简单明了，不要搞太多的层级架构或者功能冗余。当然，地址元素里不能放nav元素，这可是我一直以来的规矩。
aside元素：与主内容相辅相成
aside元素，就是用来放一些跟主页有关的小东西，比如边栏啦、广告啊或者别的文章链接啥的。在我的设计里头，这个aside元素主要是放那些可能对用户有用的额外信息的，这样既能让网页更有趣，也能让用户多待会儿。
audio与video：多媒体的魅力
音频和视频两个元素的出现让网页变得更有活力了。现在我能直接在网页里加入声音和影像，不再需要借助第三方播放器。在设定这俩元素的时候我特别注重给他们配上好用的控制按钮，比如播放暂停，还有循环或者静音的选择，这样大家用起来就会更舒服！
figure与figcaption：图像与标题的完美结合
说真的，用figure和figcaption这俩元素来放图和解释，真是太方便了！我就喜欢这么干，让文章看起来更丰富、更有条理。记住，一个figure里只能放一个figcaption，这样就能给每幅图或者表一个明显的标题。
总结与互动
用到HTML5的各种元素，我的网页设计更有条理了，看着也好瞧得多。每个元素都不一样，用对了就能让页面的内容更丰富易懂。老铁们，你们在做网页时都是咋用这些HTML5元素滴？有木有特别的小窍门，或者有趣的经历，来，快到评论区跟大家聊聊，给力点，分享一下这篇文章，咱们一起来挖掘HTML5的更多潜力！
评论0