Comparison between Drupal 7 and Drupal 8

  Drupal 7 Drupal 8
Type of Content management software (CMS) Content management software (CMS)
Cost Free Free
Released January 5, 2011 October 7, 2015
Maturity Older, matured with time, and has lots of modules, lots of documentation, and lots of tutorials. Newer, less matured, and has less modules, less documentation, and less tutorials.
Output XHTML markup by default Semantic HTML5 markup by default
Front-end libraries jQuery v2.x jQuery v2.x, Modernizr, Underscore.js and Backbone.js. markup Does not output markup Drupal 8’s core RDFa module outputs markup
WAI-ARIA attributes Not an extensive use of WAI-ARIA attributes. Extensive use of WAI-ARIA attributes.
IE Support Supports IE 6, 7 and 8 Drops support for IE 6, 7 and 8
jQuery Drupal 7 includes jQuery 1.4.4 and jQuery UI 1.8.7 Uses jQuery 2.0 and other code that assumes modern HTML5/CSS3 browser support.
SVG support Supported browsers that did not support SVG (including IE8 and Android Browser 2.3) Does not support browsers that do not support SVG (including IE8 and Android Browser 2.3)
Default Theme Engine PHPTemplate theme_* functions and PHP-based *.tpl.php files Introduces Twig *.html.twig templates ()
CSS and JavaScript aggregation Less effective CSS and JavaScript aggregation, as compared to 8 Improved CSS and JavaScript aggregation.
Adding CSS or JS drupal_add_css() and drupal_add_js() functions Attaches JS/CSS assets in the #attached property of a render array using libraries
CSS Class Changes in Menu .menu li.expanded .menu li.collapsed .menu li.leaf .menu .menu li.first .menu li.last .menu-item–expanded .menu-item–collapsed .menu-item–active-trail .menu-item:first-child .menu-item:last-child .menu-item—leaf – removed
CSS IDs Contains more IDs than Drupal 8’s CSS. Contains fewer IDs than Drupal 7’s CSS.
CSS (file) structure CSS (file) structure is not based on SMACSS & BEM. CSS (file) structure is based on SMACSS & BEM.
CSS3 pseudo selectors Used first/last/odd/even classes Uses CSS3 pseudo selectors.
Core modules Many preprocess functions and CSS files are included in core modules. Replaces many preprocess functions and CSS files which were previously included in core modules by utilizing Classy, a core base theme that injects classes into markup, and includes corresponding CSS.
Breakpoint Media Queries Does not use breakpoint media queries to control how the site looks on different devices. Uses breakpoint media queries to control how the site looks on different devices.
Views Views is a contributed module Views is added as one of the core module
CkEditor Does not utilize CkEditor CkEditor, a core module in Drupal 8, is a visual html editor used for editing web pages that brings common word processor features directly to web pages
Edits Must go to edit page to make edits The inline editor helps edit contents of a page without going to the edit page, instead just right click to edit.
Picture Module Does not have Picture Module Features Picture Module that automatically resize the images for different screens.
Symfony Does not include Symfony framework Uses Symfony framework and its MVC architecture which makes code easy to maintain, scale, and reuse.
OOP Concepts Has less Object Oriented Programming concepts Comes with Object Oriented Programming concepts to the most part of the system
REST Does not feature REST Representational State Transfer (REST) allows interaction with other applications for creating, reading, updating and deleting resources.
New E-mail Field Simple email field Email Field automatically validates e-mail address and generates a ‘mailto:’ link when displayed.
New Telephone Field Simple Telephone Field Telephone Field generates a ‘tel:‘ link when displayed for telephony apps like Skype and others