HTML 5 Notes For Professional – Chapter – 12 (Linking Resources)

charsetSpecifies the character encoding of the linked document
crossoriginSpecifies how the element handles cross origin requests
hrefSpecifies the location of the linked document
hreflangSpecifies the language of the text in the linked document
mediaSpecifies on what device the linked document will be displayed, often used with selecting stylesheets based on the device in question
relRequired. Specifies the relationship between the current document and the linked document
revSpecifies the relationship between the linked document and the current document
sizesSpecifies the size of the linked resource. Only when rel="icon"
targetSpecifies where the linked document is to be loaded
typeSpecifies the media type of the linked document
integritySpecifies a base64 encoded hash (sha256, sha384, or sha512) of the linked resource allowing the browser to verify its legitimacy.

While many scripts, icons, and stylesheets can be written straight into HTML markup, it is best practice and more efficient to include these resources in their own file and link them to your document. This topic covers linking external resources such as stylesheets and scripts into an HTML document.

Read More

HTML 5 Notes For Professional – Chapter – 11 (Data Attributes)

some valueSpecifies the value of the attribute (as a string)

Older browsers support

Data attributes were introduced in HTML5 which is supported by all modern browsers, but older browsers before HTML5 don’t recognize the data attributes.

However, in HTML specifications, attributes that are not recognized by the browser must be left alone and the browser will simply ignore them when rendering the page.

Web developers have utilized this fact to create non-standard attributes which are any attributes not part of the HTML specifications. For example, the value attribute in the line bellow is considered a non-standard attribute because of the specifications for the <img> tag don’t have a value attribute and it is not a global attribute:

<img src="sample.jpg" value="test" />

Read More

Key Maintenance Tasks for Your WordPress Website

For your WordPress web site to be successful, you’ll got to target quite simply its content and style. Regular maintenance is additionally needed, to stay your website secure and running swimmingly. Over time, however, these maintenance tasks will begin to accumulate and feel a small amount overwhelming.

Read More

HTML 5 Notes For Professional – Chapter – 10 (Classes and IDs)

classIndicates the Class of the element (non-unique)
idIndicates the ID of the element (unique in the same context)

Classes and IDs make referencing HTML elements from scripts and stylesheets easier. The class attribute can be used on one or more tags and is used by CSS for styling. IDs however are intended to refer to a single element, meaning the same ID should never be used twice. IDs are generally used with JavaScript and internal document links, and are discouraged in CSS. This topic contains helpful explanations and examples regarding proper usage of class and ID attributes in HTML.

Read More

Leverage Browser Caching Using Apache on Ubuntu

We are all trying to increase our sites speed and give our users a better experience and one often overlooked method is to leverage browser caching.

For anyone who doesn’t know exactly what we are trying to do here, I’ll try and explain. Browser caching stores elements of internet sites for an amount of your time so as to form them load quicker. For instance, if you look at 10 pages on a website and it has the same background image, logo, social media icons and so on, we can store these in the browser in order that they don’t keep being downloaded.

Read More

HTML 5 Notes For Professional – Chapter – 7 (Lists)

HTML offers three ways for specifying lists: ordered lists, unordered lists, and description lists. Ordered lists use ordinal sequences to indicate the order of list elements, unordered lists use a defined symbol such as a bullet to list elements in no designated order, and description lists use indents to list elements with their children. This topic explains the implementation and combination of these lists in HTML markup.

Read More

How to Change Your WordPress File and Directory Structure

Thanks to the open-source nature of WordPress, anyone – as well as hackers – will research the everyday file structure of a WordPress website and understand exactly wherever to begin an attack.

Fortunately, rearranging your core WordPress file structure is one methodology you’ll be able to use from your security arsenal to combat hacks and bolster your site’s defenses.

So during this post, I’m getting to walk you thru 2 ways that you’ll be able to customize your file structure for single and Multisite installs, furthermore as show you the code you need to bring it all together.

Read More

Pin It on Pinterest