buildHtml
metaTags
theme gazette
title Scroll versus HTML
container 600px
printTitle
openGraphImage https://hub.scroll.pub/vshtml/og.png

editButton /edit/vshtml


font Verdana

Scroll is a next-gen language to power the next Web, with capabilities that solve many of HTML's long-standing challenges.

## Parsers are Scroll's version of tags
- Scroll now ships with 367 parsers
 https://scroll.pub/leetsheet.html 367 parsers
- HTML now ships with 145 tags
 https://developer.mozilla.org/en-US/docs/Web/HTML/Element 145 tags

***

## One-Line Magic
HTML often requires multiple lines for common tasks. Here's how Scroll simplifies things:

### Including JS/CSS
codeWithHeader HTML:
 <link rel="stylesheet" href="normalize.css" />
 <script type="text/plain" src="chart.js" />
codeWithHeader Scroll:
 normalize.css
 chart.js

### Including Images, Videos, and Audio Files:
codeWithHeader HTML:
 <img src="landscape.jpg" loading="lazy"/>
 <video src="introduction.mp4" controls></video>
 <audio controls><source src="podcast.mp3" type="audio/mpeg" /></audio>
codeWithHeader Scroll:
 landscape.jpg
 introduction.mp4
 podcast.mp3

***

## Built-in Data Science
Scroll comes with advanced data science parsers:

belowAsCode
iris
 printTable
 sparkline
  color green
  width 600
 delimiter ,
 scatterplot
  x sepal_length
  y sepal_width
 where petal_length >= 6
  printTable

***

## Knowledge Base Capabilities
Scroll comes with a breakthrough technology for knowledge bases called ScrollSets.
 https://sets.scroll.pub/ ScrollSets

ScrollSets eliminate the need for databases in most cases.

ScrollSets also finally enable the vision of the Semantic Web.
 https://en.wikipedia.org/wiki/Semantic_Web Semantic Web

***

## Smart Imports
Scroll can import files via the web:
code
 // Just write the file name to include a file:
 header.scroll
 // Or write a URL:
 https://scroll.pub/header.scroll

***

## Long Term Collaboration
Scroll's radically simple syntax enables:
- Git-friendly diffs
- Semantic versioning
- Automated merging
- Content reuse across documents

***

## When to Use Scroll Now
Scroll shines for:
- Data-rich content
- Scientific documentation
- Knowledge bases
- Technical blogs
- Research papers
- Documentation sites
- Data visualization
- Content that needs to scale
- Personal Websites
- Web Apps
- Business Websites

***

ScrollHub &nbsp;&nbsp; Try now
 center
 http://hub.scroll.pub/ ScrollHub
 class scrollButton ScrollHub
 https://try.scroll.pub/ Try now
 class scrollButton Try now

****