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
html5是什么?发展前景如何呢?
怎么设置html文字背景颜色?
html5有哪些软件可以写代码?
HTML5网站优点和缺点有哪些
怎么在网页中插入图片html图片代码
HTML网页制作:[5]如何在网页中插入表格?
怎么在网页中插入图片html图片代码
html网页如何传递接收地址参数?
CSS和HTML标签对SEO有什么影响?
html5从入门到精通需要了解哪些内容
有哪些好用的HTML5绘图工具?
HTML是不是用来开发网页的?
dreamweaver所用的语言就是html吗?
dreamweaver所用的语言就是html吗?
html5哪个开发工具比较适合新手?
html5有没有类似jqueryui的框架?
怎么将一个网站修改成html5标准的网站
怎样才能把一个传统的网站变成HTML5标准