and , canvas for 2D graphics, and forms improvements. - HTML5 aims to reduce plugin dependencies like Flash through new multimedia and graphic capabilities. - It introduces elements and attributes for structuring web pages in a more semantic and logical way. - The element allows drawing using JavaScript, while defines 2D graphics in XML for scalability."> and , canvas for 2D graphics, and forms improvements. - HTML5 aims to reduce plugin dependencies like Flash through new multimedia and graphic capabilities. - It introduces elements and attributes for structuring web pages in a more semantic and logical way. - The element allows drawing using JavaScript, while defines 2D graphics in XML for scalability."> Address: [go: up one dir, main page] Include Form Remove Scripts Session Cookies Open navigation menuClose suggestionsSearchSearchenChange LanguageUploadSign inSign inDownload free for days0 ratings0% found this document useful (0 votes)96 views16 pagesHtml5: By: Namita SinghThis document provides an overview of HTML5, including its history and new features. Some key points: - HTML5 is the latest evolution of the HTML standard, still being developed jointly by the W3C and WHATWG. - New features include native audio and video elements, semantic elements like <header> and <nav>, canvas for 2D graphics, and forms improvements. - HTML5 aims to reduce plugin dependencies like Flash through new multimedia and graphic capabilities. - It introduces elements and attributes for structuring web pages in a more semantic and logical way. - The <canvas> element allows drawing using JavaScript, while <svg> defines 2D graphics in XML for scalability.Uploaded byNeha ThakurAI-enhanced title and descriptionCopyright© © All Rights ReservedWe take content rights seriously. If you suspect this is your content, claim it here.Available FormatsDownload as PPTX, PDF, TXT or read online on ScribdDownloadSaveSave HTML5 For Later0%0% found this document useful, undefined0%, undefinedEmbedSharePrintReport0 ratings0% found this document useful (0 votes)96 views16 pagesHtml5: By: Namita SinghThis document provides an overview of HTML5, including its history and new features. Some key points: - HTML5 is the latest evolution of the HTML standard, still being developed jointly by the W3C and WHATWG. - New features include native audio and video elements, semantic elements like <header> and <nav>, canvas for 2D graphics, and forms improvements. - HTML5 aims to reduce plugin dependencies like Flash through new multimedia and graphic capabilities. - It introduces elements and attributes for structuring web pages in a more semantic and logical way. - The <canvas> element allows drawing using JavaScript, while <svg> defines 2D graphics in XML for scalability.Uploaded byNeha ThakurAI-enhanced title and descriptionCopyright© © All Rights ReservedWe take content rights seriously. If you suspect this is your content, claim it here.Available FormatsDownload as PPTX, PDF, TXT or read online on ScribdCarousel PreviousCarousel NextDownloadSaveSave HTML5 For Later0%0% found this document useful, undefined0%, undefinedEmbedSharePrintReportDownload nowDownloadYou are on page 1/ 16SearchFullscreenHTML5BY: NAMITA SINGHINTRODUCTIONHTML5 is a new standard for HTMLIt is still a work in progressCooperation between W3C & Web Hypertext ApplicationTechnology Working Group(WHATWG)New features of HTML5 are based on HTML, CSS, DOM andJavaScriptReduce the need for external plugins (like Flash)VERSIONS OF HTMLYEARVERSION1991HTML1993HTML+1995HTML2.01997HTML3.21999HTML4.012000XHTML2012HTML52013XHTML5NEW FEATURES IN HTML5Video & audio tagsHeader & FooterNav, Section, article, asideDrag & DropHTML canvas 2D contextHTML5 web messagingVIDEO & AUDIO The HTML5 <video> and <audio> elementspecifies a standard way to embed a video &audio in a web page respectively. Supported file formats for audio : MP3, Wav andOgg. Supported file formats for video : MP4, WebMand Ogg. Thecontrolsattribute adds controls like play,pause, and volume. Text between the <video></video> , <audio></audio>tags will only be displayed in browsersthat do not support that element.EXAMPLEAUDIO<!DOCTYPE html><html><body><audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>VIDEO<!DOCTYPE html><html><body><video width="320" height="240" autoplay><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">Your browser does not support the video tag.</video></body></html></body></html>SEMANTIC ELEMENTSTAGDESCRIPTION<header>Defines a header for the document or a section<nav>Defines navigation links in the document<article>Defines an article in the document<section>Defines a section in the document<aside>Defines content aside from the page content<footer>Defines a footer for the document or a sectionPAGE LAYOUTFORM ELEMENTSTAGDESCRIPTION<datalist>Defines pre-defined options for inputcontrols<keygen>Defines a key-pair generator field (forforms)<output>Defines the result of a calculationExample- Semantic Elements<!DOCTYPE html><html><body><form action="#" oninput="x.value=parseInt(a.value)+parseInt(b.value)"><input list="b" name="browser"><datalist id="b"><option value="Internet Explorer"><option value="Firefox"><option value="Chrome"><option value="Opera"><option value="Safari"></datalist><br>Encryption:<br><keygen name="abc">Continued.Example<br><br>0<input type="range" id="a" name="a" value="50">100 +<input type="number" id="b" name="b" value="50">=<output name="x" for="a b"></output><input type="submit"></form></body></html>HTML5 CANVASThe HTML<canvas>element (introduced in HTML5) isacontainerfor canvas graphics.An HTML canvas is a rectangular area on an HTML page.Canvas has several methods for drawing paths, boxes, circles,text, and graphic images.HTML5 SVGSVG stands for Scalable Vector GraphicsSVG is used to define graphics for the WebThe HTML <svg> element (introduced in HTML5) is a containerfor SVG graphics.SVG has several methods for drawing paths, boxes, circles, text,and graphic images.Difference between SVG & CanvasSVG is a language for describing 2D graphics in XML whereasCanvas draws 2D graphics, on the fly (with a JavaScript).SVG is XML based, which means that every element is availablewithin the SVG DOM. You can attach JavaScript event handlers foran element. On the other hand, Canvas do not support eventhandlers.Reasons to use HTML5AccesibilityVideo & Audio SupportDOCTYPECleaner codeSmarter StorageBetter InteractionsGame DevelopmentLegacy/Cross Browser SupportMobile,Mobile,Mobile!Its the future, get with itTHANK YOUYou might also likeSelenium Interview QuestionsPDF100% (1)Selenium Interview Questions6 pagesQuestions of SQL AssignmentPDFNo ratings yetQuestions of SQL Assignment3 pagesJqueryPDF100% (1)Jquery18 pagesPython 5 DaysPDF100% (1)Python 5 Days5 pagesRestaurant Management SystemPDF100% (1)Restaurant Management System84 pagesMCQ Exam SystemPDFNo ratings yetMCQ Exam System24 pagesXamarin Forms Succinctly PDFPDFNo ratings yetXamarin Forms Succinctly PDF145 pagesUML Diagram Step by StepPDFNo ratings yetUML Diagram Step by Step26 pagesQuestionsPDF40% (5)Questions34 pagesFront End Web Development PDFPDF100% (2)Front End Web Development PDF6 pages04 - CSC 201 - Control StructuresPDFNo ratings yet04 - CSC 201 - Control Structures18 pagesAll Course CurriculumPDFNo ratings yetAll Course Curriculum10 pages3 - Dynamics 365 Customer Engagement - Continuous IntegrationPDFNo ratings yet3 - Dynamics 365 Customer Engagement - Continuous Integration24 pagesThe Last One Finale ProjectPDFNo ratings yetThe Last One Finale Project67 pagesHTML5 Interview QuestionsPDF100% (1)HTML5 Interview Questions29 pagesWhat Is HTML?: Tag TagsPDFNo ratings yetWhat Is HTML?: Tag Tags5 pagesSelenium Interview Question Unwired Learning PDFPDFNo ratings yetSelenium Interview Question Unwired Learning PDF10 pagesHanzi: Tutorial PB Offline Change Map, Mode, PangkatPDFNo ratings yetHanzi: Tutorial PB Offline Change Map, Mode, Pangkat34 pagesSelenium ProgramsPDFNo ratings yetSelenium Programs6 pagesLab 1: Accessing Cloudera Distribution For Hadoop (Vmware & Cluster Environment)PDFNo ratings yetLab 1: Accessing Cloudera Distribution For Hadoop (Vmware & Cluster Environment)13 pagesData Structure in JavascriptPDFNo ratings yetData Structure in Javascript138 pagesResume Ted EgwuPDFNo ratings yetResume Ted Egwu3 pagesQ Type Level Categoryskill SubskilltopicPDFNo ratings yetQ Type Level Categoryskill Subskilltopic8 pagesQuestion BankPDFNo ratings yetQuestion Bank13 pagesTop 50 UI Developer Interview Questions and Answers UPDATED TCS Cognizant PDFPDFNo ratings yetTop 50 UI Developer Interview Questions and Answers UPDATED TCS Cognizant PDF8 pagesPatrina Perreira-System-Analysis-and-Design-2019-exam-1PDFNo ratings yetPatrina Perreira-System-Analysis-and-Design-2019-exam-19 pagesSearch: Skip To Content Using Gmail With Screen ReadersPDF100% (1)Search: Skip To Content Using Gmail With Screen Readers11 pagesStructuresPDFNo ratings yetStructures26 pagesCreate A Language Compiler For The Dot NETPDFNo ratings yetCreate A Language Compiler For The Dot NET31 pagesDifference Between The Programming Language andPDFNo ratings yetDifference Between The Programming Language and2 pagesSAPUI5 Interview QuestionsPDFNo ratings yetSAPUI5 Interview Questions2 pagesLeafletPDFNo ratings yetLeaflet2 pagesPART B UNIT 2 NOTESPDFNo ratings yetPART B UNIT 2 NOTES5 pagesDoubly Linked List_ Attempt ReviewPDFNo ratings yetDoubly Linked List_ Attempt Review3 pagesTask 2PDFNo ratings yetTask 27 pagesExecuting Stored Procedures: Module OverviewPDFNo ratings yetExecuting Stored Procedures: Module Overview20 pagesHow To Obtain Your Isilon License Key: For Onefs Version 8.0 and LowerPDFNo ratings yetHow To Obtain Your Isilon License Key: For Onefs Version 8.0 and Lower2 pagesPHP UNIT 5PDFNo ratings yetPHP UNIT 58 pages3 Hours / 70 Marks: Seat NoPDFNo ratings yet3 Hours / 70 Marks: Seat No3 pagesArchiving and Data Lifecycle ManagementPDF100% (1)Archiving and Data Lifecycle Management20 pagesJEE Full Stack 2.0 With React - 48 Days - 2022 - V1.0PDF100% (1)JEE Full Stack 2.0 With React - 48 Days - 2022 - V1.019 pagesHTML Javascript Interview QuestionsPDFNo ratings yetHTML Javascript Interview Questions88 pagesTop 50 Selenium Interview Questions and Answers: Q #1) What Is Automation Testing?PDF100% (1)Top 50 Selenium Interview Questions and Answers: Q #1) What Is Automation Testing?26 pagesSelenium Automation Q&APDFNo ratings yetSelenium Automation Q&A3 pagesJs SandeepPDF100% (1)Js Sandeep248 pagesUSDK version update records_V13.12.0TMC_20240318 (3)PDFNo ratings yetUSDK version update records_V13.12.0TMC_20240318 (3)32 pagesJavascript NotePDFNo ratings yetJavascript Note81 pagesWT MCQ For InsemPDFNo ratings yetWT MCQ For Insem49 pagesVerify Element Present or Not:: Step 1) Convert Web Driver Object To TakescreenshotPDFNo ratings yetVerify Element Present or Not:: Step 1) Convert Web Driver Object To Takescreenshot12 pagesHTML Vs XMLPDFNo ratings yetHTML Vs XML9 pagesTop 20 Useful Commands in Selenium WebdriverPDFNo ratings yetTop 20 Useful Commands in Selenium Webdriver25 pagesHTML Interview Questions and Answers (2021) - InterviewBitPDFNo ratings yetHTML Interview Questions and Answers (2021) - InterviewBit18 pagesNodejsPDFNo ratings yetNodejs46 pagesGIT NotesPDFNo ratings yetGIT Notes13 pagesCreate A Simple HTML Website With Postgres DatabasPDFNo ratings yetCreate A Simple HTML Website With Postgres Databas8 pagesSelenium CheatsheetPDFNo ratings yetSelenium Cheatsheet4 pagesJQuery Interview Questions and AnswersPDFNo ratings yetJQuery Interview Questions and Answers5 pagesTop Typescript Interview Questions and Answers For Freshers and ExperiencedPDFNo ratings yetTop Typescript Interview Questions and Answers For Freshers and Experienced1 pageReactJS Assignment 2PDFNo ratings yetReactJS Assignment 27 pagesFrameworks and Hooks: (Software Engineering Research Lab)PDFNo ratings yetFrameworks and Hooks: (Software Engineering Research Lab)18 pagesCSS3 Interview Questions and AnswersPDFNo ratings yetCSS3 Interview Questions and Answers2 pagesGoogle Cloud Fundamentals - Core InfrastructurePDFNo ratings yetGoogle Cloud Fundamentals - Core Infrastructure2 pagesLatest JavaScript Interview Questions and Answers PDF - CodeProject2019PDFNo ratings yetLatest JavaScript Interview Questions and Answers PDF - CodeProject20197 pagesBusiness Rules in CRMPDFNo ratings yetBusiness Rules in CRM6 pagesWeb Designing Tutorial SyllabusPDFNo ratings yetWeb Designing Tutorial Syllabus6 pagesStaticPDFNo ratings yetStatic24 pagesTop 50 Jquery Interview QuestionsPDFNo ratings yetTop 50 Jquery Interview Questions7 pagesSeleniumFAQ With AnsPDFNo ratings yetSeleniumFAQ With Ans15 pagesHTML Codes ChartPDFNo ratings yetHTML Codes Chart12 pagesSQLPDFNo ratings yetSQL11 pagesFeatures of Java - Core Java Tutorial - StudytonightPDF100% (1)Features of Java - Core Java Tutorial - Studytonight4 pagesWPT MockPDFNo ratings yetWPT Mock6 pages21 Essential JavaScript Interview Questions - CodementorPDFNo ratings yet21 Essential JavaScript Interview Questions - Codementor17 pagesOop QuestionsPDFNo ratings yetOop Questions6 pagesDifferentiate Between Real DOM and Virtual DOMPDFNo ratings yetDifferentiate Between Real DOM and Virtual DOM20 pagesCSS Interview Questions and Answers SetPDF100% (1)CSS Interview Questions and Answers Set10 pagesWhat Is HTMLPDFNo ratings yetWhat Is HTML10 pagesHTML5 Interview QuestionsPDFNo ratings yetHTML5 Interview Questions19 pagesSalary - SQL Interview Queries Examples For Fresher and Exprinced Set-4 Interview Questions PDFPDFNo ratings yetSalary - SQL Interview Queries Examples For Fresher and Exprinced Set-4 Interview Questions PDF8 pagesCss Interview QuestionsPDFNo ratings yetCss Interview Questions7 pagesBasics To Master HTMLPDFNo ratings yetBasics To Master HTML51 pagesQuestions & AnswersPDFNo ratings yetQuestions & Answers4 pagesAgile CeremoniesPDFNo ratings yetAgile Ceremonies30 pagesCakePHP 1.3 Application Development CookbookFrom EverandCakePHP 1.3 Application Development CookbookMariano IglesiasNo ratings yetPHP Team DevelopmentFrom EverandPHP Team DevelopmentSamisa Abeysinghe3.5/5 (2)PHP programmingFrom EverandPHP programmingNino PaiottaNo ratings yetHBase Administration CookbookFrom EverandHBase Administration CookbookYifeng JiangNo ratings yetMastering Java Persistence: From Basics to Expert ProficiencyFrom EverandMastering Java Persistence: From Basics to Expert ProficiencyWilliam SmithNo ratings yetJava Web Developer A Complete GuideFrom EverandJava Web Developer A Complete GuideGerardus BlokdykNo ratings yetJava servlet Second EditionFrom EverandJava servlet Second EditionGerardus BlokdykNo ratings yet
Html5: By: Namita Singh
AI-enhanced title and description
INTRODUCTION
VERSIONS OF HTMLYEAR
VERSION
1991
HTML
1993
HTML+
1995
HTML2.0
1997
HTML3.2
1999
HTML4.01
2000
XHTML
2012
HTML5
2013
XHTML5
EXAMPLEAUDIO<!DOCTYPE html><html><body><audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>
VIDEO<!DOCTYPE html><html><body><video width="320" height="240" autoplay><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">Your browser does not support the video tag.</video>
</body></html>
SEMANTIC ELEMENTSTAG
DESCRIPTION
<header>
<nav>
<article>
<section>
<aside>
<footer>
PAGE LAYOUT
FORM ELEMENTSTAG
<datalist>
<keygen>
<output>
Continued.
Example<br><br>0<input type="range" id="a" name="a" value="50">100 +<input type="number" id="b" name="b" value="50">=<output name="x" for="a b"></output><input type="submit"></form></body></html>
HTML5 CANVAS
HTML5 SVG
SVG has several methods for drawing paths, boxes, circles, text,and graphic images.
Accesibility
DOCTYPE
Cleaner code
Smarter Storage
Better Interactions
Game Development
Mobile,Mobile,Mobile!
THANK YOU