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