1. function validateHTML(html) {
  2. try {
  3. const parser = new DOMParser();
  4. const doc = parser.parseFromString(html, 'text/html');
  6. // Check for basic structural errors
  7. if (doc.documentElement.nodeName !== 'HTML') {
  8. return { errors: [{ message: 'Document must be an HTML document' }] };
  9. }
  11. // Check for required elements (e.g., head, body)
  12. if (!doc.querySelector('head') || !doc.querySelector('body')) {
  13. return { errors: [{ message: 'Missing required elements (head or body)' }] };
  14. }
  17. //Check for invalid/missing attributes
  18. const elements = doc.getElementsByTagName('*');
  19. for (let i = 0; i < elements.length; i++) {
  20. const element = elements[i];
  21. if (element.hasAttributes) {
  22. for (let j = 0; j < element.attributes.length; j++) {
  23. const attr = element.attributes[j];
  24. if (!/^[a-zA-Z0-9._-]+$/.test(attr.name)) {
  25. return { errors: [{ message: `Invalid attribute name: ${attr.name}` }] };
  26. }
  27. }
  28. }
  29. }
  31. // Check for common invalid HTML tags. Extend as needed.
  32. const invalidTags = ['iframe', 'object', 'embed'];
  33. for (let i = 0; i < invalidTags.length; i++) {
  34. if (doc.querySelector(invalidTags[i])) {
  35. return { errors: [{ message: `Invalid tag: ${invalidTags[i]}` }] };
  36. }
  37. }
  40. // Check for invalid doctype declaration (basic check)
  41. const doctype = doc.querySelector('<!DOCTYPE html>').textContent;
  42. if (!doctype.startsWith('<!DOCTYPE html>')) {
  43. return { errors: [{ message: 'Invalid doctype declaration' }] };
  44. }
  46. return { errors: [] }; // No errors found
  48. } catch (error) {
  49. return { errors: [{ message: `Parsing error: ${error.message}` }] };
  50. }
  51. }

Add your comment