怎样才能把一个传统的网站变成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
大家都在看
html5是什么?发展前景如何呢?

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

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

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

html
7浏览
html5有哪些软件可以写代码?

html5有哪些软件可以写代码?

html
6浏览
HTML5网站优点和缺点有哪些

HTML5网站优点和缺点有哪些

html
15浏览
怎么在网页中插入图片html图片代码

怎么在网页中插入图片html图片代码

html
20浏览
HTML网页制作:[5]如何在网页中插入表格?

HTML网页制作:[5]如何在网页中插入表格?

html
7浏览
怎么在网页中插入图片html图片代码

怎么在网页中插入图片html图片代码

html
9浏览
html网页如何传递接收地址参数?

html网页如何传递接收地址参数?

html
5浏览
CSS和HTML标签对SEO有什么影响?

CSS和HTML标签对SEO有什么影响?

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

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

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

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

html
5浏览
html5网站设计案例欣赏(html5网页设计)

网站案例网站设计网页设计设计设计案例网页欣赏html5htmlht
112浏览
web前端缓存案例_前端html缓存怎么解决

案例web前端htmlht
103浏览
HTML是不是用来开发网页的?

HTML是不是用来开发网页的?

html
16浏览
dreamweaver所用的语言就是html吗?

dreamweaver所用的语言就是html吗?

html
26浏览
dreamweaver所用的语言就是html吗?

dreamweaver所用的语言就是html吗?

html
23浏览
html5哪个开发工具比较适合新手?

html5哪个开发工具比较适合新手?

html
7浏览
html5有没有类似jqueryui的框架?

html5有没有类似jqueryui的框架?

html
2浏览
怎么将一个网站修改成html5标准的网站

怎么将一个网站修改成html5标准的网站

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

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

html
9浏览
点赞
收藏
分享