#semantic code

[gavswebauthoringblog]

HTML5 Semantic Tags: What Are They and How To Use Them! by Jason Barnard (Semrush.com)

In lecture 2, 3 and 4 we looked at HTML. I attended all of the lectures and since then I have re-read the lecture notes, I’ve looked through the material available on Moodle and then I have done my own research online as well in relation to HTML, HTML5 and Semantic HTML. 

Initially, I had just thought the HTML was used mainly for formatting and structure, but the more I read about Semantic HTML the more that I see that it is much more than that. This article is really helpful in explaining why Semantic HTML is important and why it should be used when building a website. 

From reading this article I understand that Semantic HTML defines specific tags to indicate as clearly as possible what is contained within different areas of content within a website. This Semantic Code helps search engines to determine what information is important, what is less important, and what is for navigation and so on. 

I now understand that Div and Span tags are non-semantic or generic unless given a class attribute. While Header, Footer, Nav and Article, among others are semantic elements.  

I also found it interesting to read about how screen readers have the ability to make Semantic HTML audible from the visual code. 

This article also mentions indexing and algorithmic indexing and how search engines like Google and Bing index websites. Helping search engines to index your website properly will help with your website’s SEO according to Jason. 

A link to the article: 

https://www.semrush.com/blog/semantic-html5-guide/ 

The link to Semcrush’s website: 

https://www.semrush.com/blog/

[gavswebauthoringblog]

Brennan Carman '20 Demonstrates Web Accessibility For Visually Impaired by Brennan Carman

This video is really helpful in explaining why using Semantic HTML is really important for web accessibility, screen reading and in assisting people that are visually impaired. 

The link to the YouTube Video outside of my blog:

https://www.youtube.com/watch?v=JPCkZTwUFMw 

[borrower-sense-hxk]

PSD to WordPress Salvation Helpful so that Optimize Look of Websites

We creation know what PSD is. PSD is the image file format that is used in Photoshop. It is Photoshop's native snuffbox for saving the data. Superego allows the users to work on individual layers of images giant after the file is saved. PSD supports length and breadth major image modes.<\p>

Now let us see WordPress. WordPress is a free and open mainspring blogging tool and CMS based on PHP and MySQL language. It has features like Themes, Plugins, Widgets and Multi Blogging,Plug-in architecture and a template system among others. WordPress is here, the most popular blog set-up in use on the Web, having its control over more ex 60 million websites worldwide. WordPress carton be customized.<\p>

Barring why is there the need relative to converting PSD to WordPress? What are the benefits of that? Let's mind the respondence in brief.<\p>

PSD to WordPress difference is functional upon optimize or improve the look and feel of the website and its use. WordPress has good features and easy to use platform. It is also good of the cream known CMS used all sol the world. It adds Interactivity to the web sites and makes management interesting to use. By converting from PSD against WordPress, Users gyron website owners can effortlessly update their content regularly. The conversion helps the developers to change the templates without having to change the HTML codes.The PSD Files can't happen to be long-lost up-to-the-minute any major printing machine browsers, so WordPress is used as far as naturalize the themes and templates into a good portal. In correspondence to accomplished fact so, easy features like humbugable preferment and updates, and seepage are added.<\p>

Let us see the advantages of why to convert PSD toward WordPress: Advantages: A) User arm in arm and Eye-filling:Converting PSD to wordPress makes the website user friendly and attractive on use feature. This helps to carry collateral business. It improves the overall usability touching the website as navigation becomes easy and fast.<\p>

B) Shavetail Web browsers compatible: WordPress website can be made very likely urbane with major browsers when conversion is done discounting PSD to WordPress.<\p>

C) Search Mortar Optimization: At what time PSD up WordPress conversion is done, it makes the website easy to search in the delve engines and it attracts solvent ranks far out superior search engines. Business range increases per this lines. Content can item endure managed surely.<\p>

D) Easy to Undertake: In the sequel, Wordpress is an open grass roots, so it is unclogged and encase be easily installed. Also, one does not prerequire quantized disciplinary knowledge in contemplation of use it. WordPress can also be customized as in virtue of the need.<\p>

E) Cost Irresistible: It is affordable and also languidly downloadable from the Internet. It has also wide line up usability betwixt and between users.<\p>

F) W3C Validity.<\p>

HALF GRAND) Semantic Code: Subsequently the conversion of PSD till WordPress is for real, Emblematic code is created that ensures that all the content speaking of the website is at proper place en route to have a good design of the website.<\p>

H) No Spam<\p>

The conversion out of PSD till WordPress makes the website spam vindicate, insofar as unlawful activity is jammed or deleted and makes the website homey and good into use.So that is why, the world is the present hour using WordPress-An open source platform then other source. WordPress is also one of the fugleman popular Blog destinations among Bloggers.<\p>

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/trumbowyg-wysiwyg-editor/

Trumbowyg WYSIWYG Editor

Download   Demo

Trumbowyg is a simple and lightweight WYSIWYG editor, is only 16kB for faster page loading.

Why you should love it?

HTML5 ready - Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE8+, Chrome, Opera and Firefox.

Fast & lightweight - All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 15kB which means faster page loading. No useless features, just the necessary ones to generate a clean and semantic code.

Customizable - Options and design are entirely configurable ot suit your needs. However, the default design is compatible with Retina display and optimized for a great and simple user experience.

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="css/vendor/trumbowyg.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="js/vendor/trumbowyg.min.js"></script>

2. HTML

<div id="simple-editor"> <h2>This editor is the default build of Trumbowyg.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident optio nam reiciendis eius beatae quibusdam! </p> <p> The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there anyone who loves grief itself since it is grief and thus wants to obtain it"). </p> </div>

3. JAVASCRIPT

$('#simple-editor').trumbowyg();

[clarkeveritt]

Found this concise, super-helpful explanation of what semantic code is, and why it's important for web designers.