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

凨影 789

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;

TAGS

联系QQ:77798085 赞助请点这里
管理员回复
全部回复 (10)
  • lalali 2020-4-4
    2
    看帖必回是好习惯!
    亚太地区
    这个人很有个性,连签名都没有!
  • bpeqdr 2020-4-12
    3
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了。
    亚太地区
    这个人很有个性,连签名都没有!
  • oxo 2020-5-2
    4
    谢谢楼主,楼主辛苦!
    亚太地区
    这个人很有个性,连签名都没有!
  • nrsmhsinacom 2020-5-3
    5
    心随我动,想回就回。
    亚太地区
    这个人很有个性,连签名都没有!
  • 张凯楠 2020-5-5
    6
    谢谢楼主,楼主辛苦!
    亚太地区
    这个人很有个性,连签名都没有!
  • glishxp 2020-5-29
    7
    小手一抖, 金币到手!
    亚太地区
    这个人很有个性,连签名都没有!
  • 十笔九画1 2020-6-16
    8
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。
    亚太地区
    这个人很有个性,连签名都没有!
  • 天空SKY 2020-6-17
    9
    在下对你的景仰之情有如滔滔长江之水,连绵不绝……又如黄河泛滥,一发不可收拾……
    亚太地区
    这个人很有个性,连签名都没有!
  • crwoat 2020-6-19
    10
    楼主很辛苦,若是不回帖,心里过意不去,可是我打字实在不行,只好快速回复了,楼主不要见怪!
    亚太地区
    这个人很有个性,连签名都没有!
  • zjhxmjl 2020-6-19
    11
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持!
    亚太地区
    这个人很有个性,连签名都没有!