HTML5这货,是个挺厉害的网络技能,经过好几年的发展,新添了不少东西,以前那些旧的玩意儿也都被淘汰了。我就给大家简单说说HTML5新增和剔掉哪些部分,让你们对这个变化有个大概了解。
图形绘制新元素
HTML5给我们带来了个新的神器——<canvas>,它能画图也能展示图片,而且功能还很强大!它是用JavaScript来画图的,所以开发者们有更多的发挥空间,画出更炫酷的东西,让网页生动有趣起来。
新多媒体元素
HTML5增加了很多多媒体效果,比如、、这几个标签,用来搞音频、视频的东西,甚至还有更多的多媒体内容。这些元素让制作网站变得简单不少,而且各种格式的资料都能用上,不论是用手机还是电脑看,都能看到同样清晰的画面,效果棒极了!
新表单元素
快来瞧瞧 HTML 5 的新表单元素!多了几个标签,比如还有等等,这些给我们的表单添加了更多功能和安全感。比如说,标签可以跟元素搭档,为用户展现输入框可选的各种值,让操作更加简单直白;再来是标签,它能生成密钥对来保卫数据在传输时的安全。
新的语义和结构元素
除此之外,HTML5给我们带来了好多新的、更有用的标签,比如<nav>、<header>、<footer>等等。用上这些新标签,咱们就能构造出更有条理、更贴近语意的网页!这么做也能帮到开发者,因为他们可以更好地表达页面内容;还给搜索引擎提供了便利,让它们能更准确地理解网页架构,这对搜索引擎优化(SEO)和提高用户满意度都有好处!
<details>标签
HTML5增加了个新标签,它不仅能让你在网页里创造可以伸缩的内容板块,还能用同系列标签来增加版块头衔,这样就能让网站更加生动有趣!这种技术用得好的话,就可以构建出可以互动的翻页板或者详细信息区,让信息层级更清晰,用户体验感也会大大提升。
<figure>和<figcaption>标签
HTML 5新添了跟和标签,专门用来设置单独的流动元素跟标头。这个东西用起来超方便的,帮你把图片、图表或是别的单独元素加上标题,让你网页设计的时候对版面更有把握,呈现出来的样式也更加棒!
<nav>标签
标签是HTML5新加入的一种元素,通常用来拼装导航链接那块儿。它们让搜索引擎读懂网页构造,也让整个网站的导航更顺溜、更好看。
<time>标签
处理日期或者时间的话,可以活用HTML5新出炉的标签。这个标签直接明了地告诉你什么时候发生的事,对SEO和数据交换有好处喔!
<mark>标签
你想让文章里的某些关键字或者短句变得醒目?简单!用HTML5里面新出炉的标签就行了,它的特效跟荧光笔差不多,有助于你快速抓住重点。
<ruby>和<rt>/<rp></rb></rt></rp></ruby>
如果碰到要标注拼音或者解释字符的情况,可以试试HTML5新加的,和 tags。
这就是那些大家都知道的各种术语,比如“注音”和“解释”啥的,都是用来搞懂我们东方亚洲的汉字,特别是在跨文化交流还有学习上。
最后一个要介绍的是<wbr></wbr>
这个小姑且不是很常见但却很有用处
它表示文本换行机会
当文本需要换行但又没有合适位置时
浏览器会在<wbr></wbr>
处进行换行
若想指定时间或日期
就要使用time
它能够明确表示时间
让阅读者一目了然
<font>,<dir>,<set></font>,<dir>,<set>
已被移除</dir>,</font>,</set>
最后值得一提
在HTML5规范中已经移除了
脸谱,方向盘,这些老东西虽然不新潮,但是也不咋推荐了。
随着技术进步与规范更新
我们应该跟上潮流
拥抱新技术
评论0