360改网页html,怎么将一个网站修改成HTML5标准的网站?

满意答案

00e27ab806e4881f8254fe7ae8741834.png

fgq232

2017.11.28

00e27ab806e4881f8254fe7ae8741834.png

采纳率:46%    等级:9

已帮助:4913人

Step 1:简化DOCTYPE

在HTML4的页面开头,会加上DOCTYPE,用来告诉浏览器是用的哪个版本HMTL

/p>

PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN""

""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">

而在HTML5中简化为:

Step 2:新增语义元素

HTML中,经常如果对header,footer,nav,aside等区域添加样式,则需要使用class或者id来定义。如下图,是一个典型的博客文章页面:

而在HTML5中,以上的这些标签是全新增加的语义元素,可以直接使用。相对于之前的div标签,页面的结构一目了然,清晰了很多。

:通常用来定义文档的页眉,也可以用在网页内容上,可以包含搜索表单,导航,页面标识等。

:可以作为页面导航的链接组,面包屑导航,分页导航等次要导航不建议使用标签。

:代表一个文档,页面或网站中自成一体的内容。

:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。

:用来装载非正文内容,最典型的应用就是网站侧边栏,可以是附属信息,成组的导航,或者广告。

:代表“网页”或者“section”的页脚,通常含有与页面,文章有关的基础信息,用于包含版权资料和联系方式。

除了以上介绍的标签,在HTML5新增了多大30多个全新的标签,富有更细致的语义,不仅针对优化了搜索引擎,还大大提高了代码的可读性。

00分享举报

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值