HTML Semantics For Wordpress
-
Upload
maniraj -
Category
Technology
-
view
156 -
download
1
Transcript of HTML Semantics For Wordpress
![Page 1: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/1.jpg)
HTML Semantics For Web
• What is HTML Semantics?• Why is it important?• How it affects Wordpress?• Plus Points
![Page 2: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/2.jpg)
What is Semantics?
• Semantics is the study of meaning• Every Language has its own semantics• Semantic is not what you say, but what you
meant.• It’s all about Communication.
![Page 3: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/3.jpg)
What is HTML Semantics?
• To write code that is readable to computer.• Labeling content by what it is, rather than
what it looks like.• Proper use of tags.
Web is a system of interlinked documents accessed via the internet. It’s the largest source of information known.
eg. <h1>,<h2>... for Headers(Titles), <p> for Paragraph, <date> for Dates/Time, <ul> for unordered list, <ol> for Ordered list, <dl> for Data-list etc.
![Page 4: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/4.jpg)
Semantic HTML.
![Page 5: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/5.jpg)
Why is it Important?
• Your proper display of website is not enough.• Your website should also be readable to
machine, which renders your code to website.
![Page 6: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/6.jpg)
How it affects WordPress?
• WordPress follows web standards.(if your website is not well documented or not well formatted it will not appear to your desired viewer.)
• Wordpress editor will display the proper HTML only. (if you’ve written code which wasn’t valid according to web standard, it will be broken.)
![Page 7: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/7.jpg)
How it affects WordPress?
![Page 8: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/8.jpg)
How it affects WordPress?
![Page 9: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/9.jpg)
![Page 10: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/10.jpg)
Plus Points
• Lighter Code.• Search Engine Optimization.• Developer to Developer Communication.
![Page 11: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/11.jpg)
Other Areas of Semantics
• Implementing Schema• Use rel=”” attributes.
![Page 12: HTML Semantics For Wordpress](https://reader035.fdocuments.in/reader035/viewer/2022062703/5551d211b4c905922b8b5232/html5/thumbnails/12.jpg)
Thank You