《jQuery移动开发》—— 2.1 语义HTML5

简介:

本节书摘来异步社区《jQuery移动开发》一书中的第2章,第2.1节,作者:【美】Kris Hadlock,更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.1 语义HTML5

jQuery移动开发
可访问性(Accessibility)是jQuery Mobile框架的主要焦点。这是该框架在语义HTML基础上构建,以及它可用于最广泛的设备范围的原因之一。框架用于支持A级浏览器的技术,甚至为具有VoiceOver for Apple iPhone等读屏器的用户提供访问。

jQuery Mobile将其框架支持分为3层分级列表,层次命名为A、B和C。A层是全部支持;B层是除了Ajax之外的全部支持;C层是基本支持。

标准的语义HTML为你建立一个可供最大范围用户访问且无须自行测试的移动网站提供了保证。这就是jQuery Mobile框架的威力。

创建一个HTML5模板
使用HTML5创建一个基本页面模板十分简单。所需要的就是添加一个声明,后面跟上标准的HTML,例如html、head、title和body开始/结束元素。这个声明必须是HTML5文档的第一个内容,因为它告诉浏览器使用的HTML版本,这样浏览器才能解释标记。

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
<body>
</body>
</html>```
相关文章
|
2月前
|
JavaScript
jQuery实现的卡片式翻转时钟HTML源码
jQuery实现的卡片式翻转时钟HTML源码
24 0
jQuery实现的卡片式翻转时钟HTML源码
|
2月前
|
JavaScript
jQuery+HTML5实现的微信大转盘抽奖源码
这是一款基于jQuery+HTML5实现的微信大转盘抽奖效果源码,是一款可配置奖品抽奖的jQuery大转盘抽奖代码,可实现点击按钮转轮旋转实现抽奖功能,效果逼真自然,代码里面有详细的注释,可以修改文字或者二次开发都可以
55 11
|
3月前
|
Web App开发 移动开发 iOS开发
HTML5 语义元素1
HTML5引入了语义元素,如`&lt;nav&gt;`、`&lt;header&gt;`、`&lt;footer&gt;`等,这些元素能清晰地向浏览器和开发者传达其内容的意义,如导航链接、头部和尾部。与非语义元素(如`&lt;div&gt;`)不同,语义元素使网页结构更加明确,有助于提升可读性和可访问性。例如,`&lt;section&gt;`标签用于定义文档中的节,而`&lt;article&gt;`标签则用于定义独立的内容,如论坛帖子、博客文章等。这些新元素在IE9及更高版本、Firefox、Chrome、Safari和Opera中得到支持。
|
5月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
76 1
|
5月前
|
移动开发 开发者 UED
HTML5 语义元素详解
HTML5引入了诸多语义元素
|
6月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
39 2
|
6月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
43 0
|
7月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
66 0
|
9月前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
73 0
|
9月前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
167 0