html5新增的语义化标签和理解_YzmCMS官方演示站

html5新增的语义化标签和理解

2018-04-04 22:18:33  浏览:11978  作者:yzmcms
html5有哪些新标签?<article> 标签定义外部的内容(外部内容如blog,news)。<aside> 标签定义article以外的内容(可用做文章的侧栏)。<...

html5有哪些新标签?

<article> 标签定义外部的内容(外部内容如blog,news)。

<aside> 标签定义article以外的内容(可用做文章的侧栏)。

<canvas>使用 在网页上绘制图形图像。

<details> 用于描述某个文档部分的内容。

<summary> 定义<details>元素标题。

<datalist> 定义选项列表.。

<figure> 对元素进行组合。<figcaption> 定义figure的标题。

<header>定义页眉。 <nav>定义导航。 <footer>定义页脚。

<progress>定义运行中的进度。<audio>标签定义音乐。 <video> 定义视频。

<time> 定义时间。 <section>定义文档中的区段。 <output> 定义输出类型。

选用标签的标准

如果要支持比较老的浏览器(通常是桌面版网页)则不使用新标签

手机平板等网页开发可以使用新标签

不管什么情况下,都应该优先根据语义来选用标签

根据搜索引擎优化的要求和建议选用标签


简述一下你对HTML语义化的理解?

1、用正确的标签做正确的事情。

2、使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

3、即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;

4、html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;

5、搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;


评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机内容】

返回顶部