语义化标签: header footer nav section article aside 等
增强型表单:HTML4: text、checkbox、password、radio、submit、reset、FileHTML5: date(从一个日期选择器选择一个日期) email(包含 e-mail 地址的输入域) number(数值的输入域) range(一定范围内数字值的输入域) search(用于搜索域) tel(定义输入电话号码字段) url、 color、 month、week等
视频和音频:audiovideoCanvas绘图SVG绘图
地理定位:Geolocation拖放API:dragweb worker:是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能web storage:localStorage sessionStorageWebSocket:HTML5开始提供的一种在单个TCP` 连接上进行全双工通讯的协议
H5中关于语义化的标签
定义
语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。
为什么要语义化
1. 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。
2. 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
3. 方便其他设备解析(如移动设备、盲人阅读器等)
4. 比div标签有更加丰富的含义,便于团队开发和维护
关于语义化的标签有哪些
title 简短、描述性、唯一(提升搜索引擎排名)header 页眉通常包括网站标志、主导航、全站链接以及搜索框。section 具有相似主题的一组内容,比如网站的主页可以分成介绍、新闻条目、联系信息等条块。