语义化的html有利于机器的阅读,HTML语义化怎么理解,为什么要有语义化

写出的HTML代码符合内容的结构化(内容的语义化),选择合适的标签(代码的语义化)能够便于开发者阅读和写出更优美的代码的同时让浏览器的爬虫和机器很好的解析!这就是HTML的语义化。

1.这样有利于SEO, 有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重.

2.易于用户阅读,样式丢失的时候能让页面呈现清晰的结构

3.便于团队开发和维护,语义化更具可读性,从而提高团队的效率和协调能力,遵循    W3C标准的团队都遵循这个标准,可以减少差异化。

4.支持多终端设备的浏览器渲染。

h5新增标签有哪些,有哪些新特性,input有哪些新特性

结构标签

header: 定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器, 可以定义多个元素。

title: 写在head中,且只许出现一次。内容类型为文本形式.

nav: 元素代表页面的导航链接区域。用于定义页面的主要导航部分。

main: 定义文档的主要内容,该内容在文档中应当是独一无二的,不包含任何在文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能), 需要注意的是在一个文档中不能出现多个标签。

article: 表示文档、页面、应用或网站中的独立结构,是可独立分配的、可复用的结构;

section: 元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组,如果元素内容可以分为几个部分的话,应该使用 而不是,通俗来说就是比更具有独立性、完整性。可通过该段内容脱离了所在的语境,是否完整、独立来判断。

aside: 元素被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、标签、名词解释等(最典型的是侧边栏)

footer: 元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,譬如:作者,相关文档链接,版权资料

hgroup: 头部信息/标题的补充内容;

figure: 独立的单元,例如某个有图片与内容的新闻块。

表单标签

(1)email:必须输入邮件;(2)url:必须输入url地址;(3)number:必须输入数值;(4)range:必须输入一定范围内的数值;(5)Date Pickers:日期选择器(6)search:搜索常规的文本域;(7)color:颜色;

媒体标签

(1)video:视频(2)audio:音频(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值