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页面嵌套在另一个页面中
本地的html文件如何生成网页文件?
html、css怎么仿别的网站?
html5如何根据ps图片排版?
HTML中给图片上增加文字的代码怎么写?
HTML有哪些静态模板页技术?
HTML网页编程,有哪些不错的软件值得一用?
html5是什么?发展前景如何呢?
如何用html5插入背景图片?
html5从入门到精通需要了解哪些内容
怎样在html页面中制作一个简单的表格?
如何用HTML创建一个简单网页?
有哪些好用的HTML5绘图工具?
怎么设置html文字背景颜色?
如何修改wordpress网站中的html代码
html5有哪些新特性,移除了那些元素?
怎么设置html文字背景颜色?
学习HTML5未来前途怎么样?
怎样才能把一个传统的网站变成HTML5标准?
有什么方法用html开发桌面软件?