H5新特性

发布在 前端

语义化标签: header footer nav section article aside
增强型表单:
HTML4: textcheckboxpasswordradiosubmitresetFile
HTML5date(从一个日期选择器选择一个日期) email(包含 e-mail 地址的输入域) number(数值的输入域) range(一定范围内数字值的输入域) search(用于搜索域) tel(定义输入电话号码字段) urlcolormonth、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 具有相似主题的一组内容,比如网站的主页可以分成介绍、新闻条目、联系信息等条块。

阅读全文
  • 第 1 页 共 1 页
Copyrights © 2019 LittleStar. All Rights Reserved. 载入天数...载入时分秒...
字数统计:147.2k
作者的图片

LittleStar

纵豆蔻词工,青楼好梦,难赋深情


程序员


China