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=”footer”>
而在HTML5中,以上的这些标签是全新增加的语义元素,可以直接使用。相对于之前的div标签,页面的结构一目了然,清晰了很多。
除了以上介绍的标签,在HTML5新增了多大30多个全新的标签,富有更细致的语义,不仅针对优化了搜索引擎,还大大提高了代码的可读性。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
如何将一个HTML页面嵌套在另一个页面中
学基于HTML5的网页游戏需要哪些知识
html、css怎么仿别的网站?
html5哪个开发工具比较适合新手?
如何用HTML创建一个简单网页?
如何在HTML中设置网页背景颜色?
怎么设置html文字背景颜色?
怎么设置html文字背景颜色?
学习HTML5未来前途怎么样?
有哪些好用的HTML5绘图工具?
html5有哪些新特性,移除了那些元素?
如何修改wordpress网站中的html代码
HTML网页编程,有哪些不错的软件值得一用?
html中两行四列的表格怎么写?
html格式的网页怎么转换成ppt格式转换?
前端html源码可以不暴露接口吗?为什么?
html如何实现点击按钮跳转页面?
HTML写的网页如何实现与数据库的交互?
实例教程:如何使用记事本来编写HTML代码?
怎样才能把一个传统的网站变成HTML5标准?