怎样才能把一个传统的网站变成HTML5标准?

怎样才能把一个传统的网站变成HTML5标准?,第1张

首先,旧HTML的DOCTYPE比较累赘,通常是<!DOCTYPE html+一大串内容>,在HTML5中,只需要把后面的内容全部删除,变成<!DOCTYPE html>就可以了。

第二,HTML5中新增了一些语义元素,相比HTML的div标签,这些新语义元素可以直接使用。比如:

<header>:用来定义文档的页眉,也可用在网页内容上,可包含搜索表单,导航,页面标识等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定义。

<nav>:可作页面导航的链接组,面包屑导航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定义。

<section>:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定义。

除此之外,HTML5还有三十多个全新标签,语义更为丰富,更利于搜索引擎优化。

其实,HTML5程序语言基本上全部支持任何HTML格式的代码,如果你的网站是以往版本的HTML程序语言,基本上是不需要改的。如果网站是HTML5代码,对一些不兼容HTML5的浏览器来说,还要反改成HTML代码。如果真的要改,可以这样做:

首先,旧HTML的DOCTYPE比较累赘,通常是<!DOCTYPE html+一大串内容>,在HTML5中,只需要把后面的内容全部删除,变成<!DOCTYPE html>就可以了。

第二,HTML5中新增了一些语义元素,相比HTML的div标签,这些新语义元素可以直接使用。比如:

<header>:用来定义文档的页眉,也可用在网页内容上,可包含搜索表单,导航,页面标识等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定义。

<nav>:可作页面导航的链接组,面包屑导航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定义。

<section>:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定义。如果觉得麻烦,你还可以直接利用建站宝盒来进行h5网站的搭建开发。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7466379.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存