html5 初步了解

1、html5 含义

简而言之，html5 其实就是新的一代html标准！

2、html5的优缺点

优点

1. 语义化html 增加了很多语义化的标签，让html结构更加清晰，更具可读性
2. 由于增加了很多语义化的标签，对SEO更加友好

缺点

        其他主流浏览器（Chrome,Firefox,Safari,Opera）都已支持，IE是从9开始支持的，也只是部分支持

3、html5 常用的一些语义化标签

布局相关的标签

多媒体、绘图相关标签

input相关的标签

datalist 使用例子

 <input type="text" list="optionData"> <datalist id="optionData">
        <option value="赵云">赵云option>
        <option value="关羽">关羽option>
        <option value="刘备">刘备option>
        <option value="张飞">张飞option>
    datalist>

datalist 效果

details 及 summary

<details>
   <summary>如何赢取白富美，走上人生巅峰？summary>
   <p>美死你~略略略p>
details>

 

进度条-progress

<progress max="100" value="50">进度条progress>

input新增输入类型

以上是部分常用的内容，详细的用法及更多关于html5 相关知识可以访问 这里