您当前的位置：首页 > 电脑百科 > 程序开发 > 语言 > HTML

HTML5主流框架介绍及对比

时间：2019-05-09 14:08:19 来源：作者：

+ 加入收藏

bootstrap

1、简介：

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 html、css、JAVASCRIPT 的。

2、基本结构：

Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构部分详细讲解。

3、CSS：

Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。

4、JavaScript 插件：

Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在Bootstrap 插件部分详细讲解。

HTML5主流框架介绍及对比

sui mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 IOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。cmd脚本语言。

轻量的UI库

SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。

对于只有HTML&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了Zepto/jQuery 风格的API，你将会非常熟悉这种方式。

HTML5主流框架介绍及对比

jQuery UI

jQuery UI 特性：

简单易用

继承 jQuery 简易使用特性，提供高度抽象接口，短期改善网站易用性。

开源免费

采用 MIT & GPL 双协议授权，轻松满足自由产品至企业产品各种授权需求。

广泛兼容

兼容各主流桌面浏览器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。

轻便快捷

组件间相对独立，可按需加载，避免浪费带宽拖慢网页打开速度。

标准先进

支持 WAI-ARIA，通过标准 XHTML 代码提供渐进增强，保证低端环境可访问性。

美观多变

提供近 20 种预设主题，并可自定义多达 60 项可配置样式规则，提供 24 种背景纹理选择。

HTML5主流框架介绍及对比

jQuery mobile

jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。

jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上，如果您了解 jQuery，您可以很容易的学习 jQuery Mobile。

jQuery Mobile 使用了极少的 HTML5、CSS3、Java 和 AJAX 脚本代码来完成页面的布局渲染。

HTML5主流框架介绍及对比

文章转载于：http://www.zzfriend.com/article-375-1.html (蚂蚁社区_最大的HTML5社区)，微信搜索蚂蚁HTML5社区！

Tags：HTML5 点击:() 评论:()

声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作，风险自担。如有任何标注错误或版权侵犯请与我们联系，我们将及时更正、删除。

▌相关推荐

什么是HTML5？HTML5的含义、元素和好处

译者 | 李睿审校 | 孙淑娟HTML5是超文本标记语言(HTML)的第五版，网络浏览器使用它来可视化代码。它在网站功能、网页内容开发等方面有一些改进。 HTML的发展在万维网的...【详细内容】

2023-03-16　　Search: HTML5 点击:(263)　　评论:(0)　　加入收藏

HTML5第三节初学者接触列表标签和div标签以及span标签

<ul> <li>为列表标签此为无序列表<type＝“?”> <apuare>正方形<circle>空心圆环 <disc>默认实心园 <ol> <li>为列表标签此为有序列表<type＝“?”> <1> <a> <A>等 <dl> <dt>...【详细内容】

2023-02-07　　Search: HTML5 点击:(228)　　评论:(0)　　加入收藏

网站程序开发使用的html5你了解吗

首先可以肯定，html5（简称h5）将在很多年内成为互联网的主流。那到底什么是h5呢？想了解h5，先要了解它的前身html和被它终结的flash：2000年左右的前端静态网页格式是html的，仅支持ie,n...【详细内容】

2022-09-26　　Search: HTML5 点击:(501)　　评论:(0)　　加入收藏

使用 JavaScript 和 HTML5 Canvas 绘制图表

你将要创造什么在本教程中，我将向您展示如何使用 JavaScript 和画布以饼图和圆环图的形式显示数字信息。什么是饼图？图表是一种统计工具，用于以图形方式表示数值数据。饼图将...【详细内容】

2022-08-31　　Search: HTML5 点击:(510)　　评论:(0)　　加入收藏

HTML5新特性

①语义化标签，可以让页面有更加完善的结构，让页面的元素有含义，同时利于被搜索引擎解析，有利于SEO，主要标签包括下面的标签：html5新的常用标签②增强型表单可以通过input的type属...【详细内容】

2022-05-07　　Search: HTML5 点击:(417)　　评论:(0)　　加入收藏

学习HTML5这一篇就够了

第一章 HTML5概述1.1、什么是HTMLHTML（HyperText Markup Language，超文本标记语言）是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言。1.2、什么是HTML5HTML5是构...【详细内容】

2022-02-28　　Search: HTML5 点击:(478)　　评论:(0)　　加入收藏

HTML5 标签里的 crossorigin 属性到底有什么用？

最近 Bootstrap 4 已经正式发布了，可能已经有爱尝鲜的小伙伴在 alpha 阶段就尝试过 BS4。不过今天要说的不是 BS4，而是官网里引入 BS4 框架依赖的 jQuery 的代码：<script src="...【详细内容】

2022-02-01　　Search: HTML5 点击:(485)　　评论:(0)　　加入收藏

一款优秀的 HTML5 视频播放器插件，支持字幕、弹幕、直播

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目，包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件——MuiP...【详细内容】

2021-12-16　　Search: HTML5 点击:(1149)　　评论:(0)　　加入收藏

开源项目评测之Html5视频播放器推荐

Web项目开发中视频播放是一个非常常见的需求，需要播放器能够支持pc端和移动端的使用，并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。（排...【详细内容】

2021-09-17　　Search: HTML5 点击:(1632)　　评论:(0)　　加入收藏

HTML5 标签大全笔记，用到的时候翻一下，百度都省了

前言在刚接触HTML的时候，你是否被它众多的标签所惊讶？尤其是HTNL5的标签，新增了不少，很多HTML4的标签跨版本之后就用不了了，如此多的标签，要记是不可能记完的，我们只需要一些常用的...【详细内容】

2021-08-27　　Search: HTML5 点击:(702)　　评论:(0)　　加入收藏

▌简易百科推荐

Htmx，它到底是框架还是库？

在最近的前端开发技术的探讨中，htmx经常成为热议的话题。一些人批评它，认为尽管htmx批评现代前端框架过于复杂，但它自己却似乎也是一个复杂的框架。这种看法值得我们深入思考。...【详细内容】

2024-03-28　　前端达人　　今日头条　　Tags:Htmx 　点击:(25)　　评论:(0)　　加入收藏

前端工作方式要换了？HTMX简介：无需JavaScript的动态HTML

HTMX允许你使用扩展的HTML语法代替 JavaScript 来实现交互性。HTMX 在标记中直接为你提供HTTP 交互，并支持许多其他交互需求，无需求助于 JavaScript。这是一个有趣的想法，可能...【详细内容】

2023-10-19　　大迁世界　　微信公众号　　Tags:HTMX 　点击:(293)　　评论:(0)　　加入收藏

HTMX简介：无需借助JavaScript的动态HTML

译者 | 布加迪审校 | 重楼HTML让您可以使用扩展的HTML语法而不是JavaScript来实现交互性。HTMX直接在标记中为您提供了HTTP交互，它支持其他许多交互要求，无需借助JavaScript。...【详细内容】

2023-10-07　　　　51CTO　　Tags:HTML 　点击:(374)　　评论:(0)　　加入收藏

htmx：增强版 HTML 来了！

如今，Web 用户期望得到单页应用（SPA）提供的流畅、动态的体验。然而，创建 SPA 往往需要使用复杂的框架，如 React 和 Vue，学习和使用起来可能比较困难。这就是htmx的用武之地：一种通...【详细内容】

2023-09-03　　前端充电宝　　微信公众号　　Tags:htmx 　点击:(223)　　评论:(0)　　加入收藏

加入GitHub Accelerator，htmlx 2.0 要来了！

本文主要向大家介绍 htmlx 加入 GitHub Accelerator，关于 htmlx 的原理，以前有单独发表过文章介绍：让 React 代码行数减少78%的 htmlx 有这么神？大家有感兴趣的可以阅读，话不多...【详细内容】

2023-08-25　　高级前端进阶　　今日头条　　Tags:htmlx 　点击:(366)　　评论:(0)　　加入收藏

爬虫解析HTML动态JS，技术应用揭秘

在当今互联网时代，大量的信息都储存在了各种网页中。而对于开发者、数据分析师和研究人员来说，获取并分析这些网页中的数据是非常重要的任务之一。然而，随着技术的不断发展，许多...【详细内容】

2023-06-29　　反方向的鱼　　　　Tags:HTML 　点击:(220)　　评论:(0)　　加入收藏

利用ChatGPT辅助处理Html数据

使用chatgpt进行辅助编程首先要清晰描述自己需求，生成代码通过不断调试及优化，最终完成任务。有它，对程序员是好事也是坏事。一、确认功能请编程实现以下功能：1.所有html保存在a...【详细内容】

2023-05-31　　　　51CTO　　Tags:Html 　点击:(422)　　评论:(0)　　加入收藏

一篇文章带你学会HTML以及最常用的标签

HTML是一种标记语言，用于创建网页。在本文中，我们将介绍HTML的基础知识，代码写入到本地文件，并以.html结尾，双击浏览器打开就可以查看效果。HTML文档结构HTML文档由标签组成，每个...【详细内容】

2023-05-16　　你的老师父　　今日头条　　Tags:HTML 　点击:(374)　　评论:(0)　　加入收藏

HTML代码混淆技巧：让爬虫无法抓取，保护你的网页！

随着互联网的发展，越来越多的网站开始使用爬虫技术来获取数据。但是，有些网站为了保护自己的数据安全，会对HTML代码进行混淆处理，使得爬虫无法直接抓取数据。本文将介绍HTML代码...【详细内容】

2023-04-13　　倪沛童　　　　Tags:HTML 　点击:(240)　　评论:(0)　　加入收藏

HTML5第三节初学者接触列表标签和div标签以及span标签

2023-02-07　　那般热衷是你　　今日头条　　Tags:HTML5 　点击:(228)　　评论:(0)　　加入收藏

推荐资讯

Create 2024百度AI开	“刘强东”当主播，扶得
AI圈公开的秘密：天下模	聚焦“一房二卖”等问
今年买二手房最划算？70	周鸿祎力挺手机支架
Android 15 有望引入	全球首个AI程序员Devi

站内最新

栏目相关

· Htmx，它到底是框架还是库？

· 前端工作方式要换了？HTMX简介：无需JavaScript的动态HTML

· HTMX简介：无需借助JavaScript的动态HTML

· htmx：增强版 HTML 来了！

· 加入GitHub Accelerator，htmlx 2.0 要来了！

· 爬虫解析HTML动态JS，技术应用揭秘

· 利用ChatGPT辅助处理Html数据

· 一篇文章带你学会HTML以及最常用的标签

· HTML代码混淆技巧：让爬虫无法抓取，保护你的网页！

· HTML5第三节初学者接触列表标签和div标签以及span标签

· 分享 15 个 HTML 新特性，大多数人可能不知道，建议尽早使用上

· 用HTML怎么制作网页呢?

· 只用HTML，如何打开手机相机？前端小哥现场教学

· Htmx意外走红，我们从React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9

· 如何编写一个原生 Web Components 组件

· HTML框架，将当前页面分为三个板块

· 分享一些有趣的，你从不使用的html属性

· HTML中嵌入视频和音频代码

· html渲染和模板的使用

· HTML5 标签里的 crossorigin 属性到底有什么用？

站内热门