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

我是产品汪

30天以前 0浏览
怎样才能把一个传统的网站变成HTML5标准?

Step1:简化DOCTYPE

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

<!DOCTYPEhtml

PUBLIC""-//W3C//DTDXHTML1.0Transitional//EN""

""nal.dtd"">

而在HTML5中简化为:

<!DOCTYPEhtml>

Step2:新增语义元素

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

<divclass=”header”>

<divclass=”nav”>

<divclass=”article”>

<divclass=”section”>

<divclass=”aside”>

<divclass=”footer”>

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

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

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

html
大家都在看
如何将一个HTML页面嵌套在另一个页面中

如何将一个HTML页面嵌套在另一个页面中

html
24浏览
本地的html文件如何生成网页文件?

本地的html文件如何生成网页文件?

html
20浏览
html、css怎么仿别的网站?

html、css怎么仿别的网站?

html
14浏览
html5如何根据ps图片排版?

html5如何根据ps图片排版?

html
9浏览
HTML中给图片上增加文字的代码怎么写?

HTML中给图片上增加文字的代码怎么写?

html
16浏览
HTML有哪些静态模板页技术?

HTML有哪些静态模板页技术?

html
19浏览
HTML网页编程,有哪些不错的软件值得一用?

HTML网页编程,有哪些不错的软件值得一用?

html
22浏览
html5是什么?发展前景如何呢?

html5是什么?发展前景如何呢?

html
28浏览
如何用html5插入背景图片?

如何用html5插入背景图片?

html
16浏览
html5从入门到精通需要了解哪些内容

html5从入门到精通需要了解哪些内容

html
45浏览
怎样在html页面中制作一个简单的表格?

怎样在html页面中制作一个简单的表格?

html
16浏览
如何用HTML创建一个简单网页?

如何用HTML创建一个简单网页?

html
21浏览
有哪些好用的HTML5绘图工具?

有哪些好用的HTML5绘图工具?

html
25浏览
怎么设置html文字背景颜色?

怎么设置html文字背景颜色?

html
17浏览
如何修改wordpress网站中的html代码

如何修改wordpress网站中的html代码

html
12浏览
html5有哪些新特性,移除了那些元素?

html5有哪些新特性,移除了那些元素?

html
18浏览
怎么设置html文字背景颜色?

怎么设置html文字背景颜色?

html
20浏览
学习HTML5未来前途怎么样?

学习HTML5未来前途怎么样?

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

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

html
0浏览
有什么方法用html开发桌面软件?

有什么方法用html开发桌面软件?

html
12浏览
点赞
收藏
分享