新增常用标签

1. header：通常都会定义在头当中
2. nva : 定义导航链接部分
3. article：一般都会定义在一个独立的内容中
4. aside:辅助区域，使用场景为侧边栏
5. footer:使用footer一般都会在页脚中使用

    <header>
      <nav>
        <ul>
          <li>首页</li>
          <li>列表</li>
          <li>我的</li>
        </ul>
      </nav>
    </header>
    <section>

    </section>
    <aside>
      <span>
        返回顶部
      </span>
    </aside>
    <footer>
      页脚放备案的地方
    </footer>

使用场景

header nav使用场景

article aside使用场景

aside 使用场景

footer使用场景

总结

不同场景使用不同的标签，h5新增的标签，达到见其名其意

其他比较常用标签

• p 段落
• h1-h6定义标题
• a 定义链接
• img 图片标签
• ul/ol/li 有序列表和无序

表单标签

1. form 定义表单

<form action="submit-url" method="GET|POST">
 <!-- 表单元素 action:提交地址url   method:提交方式-->    
</form>

2. input 输入控件

     <input type="password" name="password" placeholder="请输入密码">   
     <input type="radio" id="male" name="gender" value="male">
     <label for="male">男</label>
         <input type="radio" id="female" name="gender" value="female">
     <label for="female">女</label>
         <input type="checkbox" id="agree" name="terms" value="accepted">
     <label for="agree">我同意条款和条件</label>
   

3. button 按钮

分为三种，普通，提交，重置，不同场景使用不同的按钮

    <button type="reset">重置</button>
    <button>普通按钮</button>
    <button type="submit">提交</button>

4. select option 单项选择

select 和 option 标签一起用于创建下拉选择菜单。name 属性用来标识这个表单字段，在表单提交时，服务器可以根据这个名称获取用户的选择。

     <select name="choices">
        <option value="option1">第一项</option>
        <option value="option2">第二项</option>
        <option value="option3">第三项</option> 
      </select>

5. textarea 定义多行文本输入框

<textarea name="message" rows="4" cols="50">
    这里是默认显示的文本（可选）
</textarea>