Check url in css

Free HTML / CSS / Link Validators

Checks for HTML / CSS errors, browser compatibility, broken links, standards compliance

Free HTML / CSS / Link Validation — Check for Errors, Standards Compliance, Broken Links

In a nutshell: this page lists HTML validators (which check HTML code for standards compliance and errors), CSS validators (which check Cascading Style Sheets for errors and standards compliance), browser compatibility checkers (checks your page to see if it is compatible with various browsers), broken link (or dead links) checkers, accessibility checking (check if your web page is accessible to people with disabilities), etc. Note that this page lists both free online services as well as free offline tools (programs).

If you have arrived here looking for a way to create your own website, you may find it more helpful to start with How to Create / Make a Website instead. The tutorial takes you through all the steps needed to start your own site in an easy-to-understand manner.

Finally, besides using the validators, if you want to check your web page for accessibility, you might also be interested in the Free Screen Readers: Text to Speech Conversion page. There’s nothing like using the very tools that are used by the blind to experience what they face when they arrive at your website. My primer on accessibility, How to Improve the Accessibility of Your Website may be useful too.

Related Pages

Free HTML Validators, XHTML Validators, Browser Compatibility Checkers

You can use the W3 Consortium’s HTML validator to check your web documents either by giving it your web page’s URL or uploading your document directly to the validator. Many people consider it the authoritative source for checking your web pages for standards compliance (since the W3 Consortium is responsible for the various HTML/CSS standards). Source code for the validator is also available.

HTML Tidy is an HTML validator that is able to check your web pages and correct (ie, repair / fix) bad HTML code, or point out areas that you need to change in order to make your site accessible to people with disabilities. The program is free, runs on a variety of systems including Windows, Mac OS X, Linux, etc. This is an open source program. Note: the newest version, located at the above address, did not have any executables/binaries (programs that are ready-to-run) available at the time I wrote this entry, since the programmers were still testing it. The executables may already be downloadable by the time you read this, but if they are not, you can still find older versions at the original HTML Tidy Library Project page with binaries for Windows, Mac OS, Atari, Amiga, BeOS, AIX, Linux, UnixWare, HP-UX, MSDOS, Solaris, OS/2, FreeBSD, RISC OS, MiNT (Atari) OS, etc. The old version does not have support for HTML5.

The Web Page Purifier allows you to check your HTML pages for compliance («purity») with the older HTML standards (HTML 4.0 and earlier). There’s a form where you can enter the URL of the page to check, or you can also download the Perl CGI source code.

Free Web Page Accessibility Checkers

WAVE checks your web page for compliance with various accessibility standards. It loads the page or URL you supply, and re-displays it with icons placed at various parts of your page indicating whether that particular portion creates accessibility problems or not. You can use it for a page on the web, upload a page from your hard disk, install a toolbar in your browser or add a bookmarklet (a bookmark that executes a JavaScript) that when clicked will send the current page for evaluation.

Cynthia checks your site against the US Section 508 standards and the Web Content Acessibility Guidelines (WCAG). It only allows you to test one page at a time.

ATRC Web Accessibility Checker

[Update: this service is no longer available.] The ATRC Web Accessibility Checker is a free online service that checks your website for accessibility issues. You can use it by either supplying it with your website’s address or by uploading the page you want to test from your browser.

Free Cascading Style Sheets (CSS) Validators

This is the W3 Consortium’s CSS validator for validating Cascading Style Sheets. You can either download it and use it on your own machine, upload your cascading style sheet (CSS) to their online service, or supply your URL for their spider to visit your site. The W3 Consortium is responsible for the various CSS and HTML standards.

This is a validator for Cascading Style Sheets (CSS) that also looks into a few browser compatibility issues with your style sheet.

Free Broken Links Validators

Worried about broken links in your web documents? This online validator from the W3 Consortium is able to recursively check your document for dead links. You simply enter a URL in the form provided, and it will visit your site and check the links.

LinkExaminer checks the links found on a web page and gives a report on whether those links are broken, blocked by a robots.txt instruction, relative links, dynamically generated, etc. It even gives reports on things like how many links have to be clicked before a page can be reached on your site, its title, and the number of inbound links you have on your site pointing to that page.

Xenu is a utility for Windows that checks your web site for broken links. It can work both with a «live» website as well as on a copy of your web site residing on your own hard disk. It’s a favourite of many webmasters for checking broken links on their site.

Related Pages

Newest Pages

Popular Pages

• How to Create/Make Your Own Website: The Beginner’s A-Z Guide
• How to Register Your Own Domain Name — how to get your own domain name
• What’s the Difference Between a Content Management System (CMS), a Blog, a Web Editor and an Online Site Builder?
• Expression Web Tutorial: How to Design a Website with Microsoft Expression Web
• Dreamweaver Tutorial: How to Design a Website with Dreamweaver CS6
• How to Make a Mobile-Friendly Website: Responsive Design in CSS
• BlueGriffon Tutorial: How to Design a Website with BlueGriffon 3
• How to Create a Blog
• Free CD and DVD Burners and Copying Software
• Free Hard Disk Backup and Restore, Hard Disk Image and Cloning Utilities

How to Link to This Page

It will appear on your page as:

Copyright © 2001-2021 by Christopher Heng. All rights reserved.
thesitewizard™, thefreecountry™ and HowToHaven™ are trademarks of Christopher Heng.
This page was last updated on 19 July 2021.

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Grunt plugin to check existence of URLs in CSS files and report on any that are missing / not found

License

henrythewasp/css-url-checker

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Checks existance of URLs in CSS files

This plugin requires Grunt ~0.4.5 and http-verify.

If you haven’t used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you’re familiar with that process, you may install this plugin with this command:

npm install grunt-css-url-checker --save-dev

You may also need to install http-verify and path npm packages with these commands:

npm install http-verify --save-dev npm install path --save-dev

Once the plugin and dependency have been installed, it can be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-css-url-checker');

In your project’s Gruntfile, add a section named css_url_checker to the data object passed into grunt.initConfig() .

grunt.initConfig( css_url_checker:  options:  fileroot: 'my/webroot/folder/', checkweb: true, checkfile: true, verbose: true >, files:  src: ['src/css/file1.css','src/css/file2.css'] >, >, >);

Type: String Default value: »

The file root that is prepended onto a relative file path before checking the file exists.

Type: Boolean Default value: true

Boolean flag to control checking of web URLs (ie. http / https).

Type: Boolean Default value: true

Boolean flag to control checking of file URLs.

Type: Boolean Default value: true

Boolean flag to control how much output is generated.

In this example, the default options are used to check all web and file URLs. All file URLs are expected to be absolute.

grunt.initConfig( css_url_checker:  options: >, files:  src: ['src/css/file1.css', 'src/css/file2.css'], >, >, >);

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

About

Grunt plugin to check existence of URLs in CSS files and report on any that are missing / not found

Источник

Check url in css

Checks existance of URLs in CSS files

This plugin requires Grunt ~0.4.5 and http-verify.

If you haven’t used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you’re familiar with that process, you may install this plugin with this command:

npm install grunt-css-url-checker --save-dev

You may also need to install http-verify and path npm packages with these commands:

npm install http-verify --save-dev npm install path --save-dev

Once the plugin and dependency have been installed, it can be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-css-url-checker');

In your project’s Gruntfile, add a section named css_url_checker to the data object passed into grunt.initConfig() .

grunt.initConfig( css_url_checker:  options:  fileroot: 'my/webroot/folder/', checkweb: true, checkfile: true, verbose: true >, files:  src: ['src/css/file1.css','src/css/file2.css'] >, >, >);

Type: String Default value: »

The file root that is prepended onto a relative file path before checking the file exists.

Type: Boolean Default value: true

Boolean flag to control checking of web URLs (ie. http / https).

Type: Boolean Default value: true

Boolean flag to control checking of file URLs.

Type: Boolean Default value: true

Boolean flag to control how much output is generated.

In this example, the default options are used to check all web and file URLs. All file URLs are expected to be absolute.

grunt.initConfig( css_url_checker:  options: >, files:  src: ['src/css/file1.css', 'src/css/file2.css'], >, >, >);

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

About

Grunt plugin to check existence of URLs in CSS files and report on any that are missing / not found

Источник