Tech geek. Life geek.

Tag: W3C

Day 2 – Two Week Campaign

Today, I reviewed the whole site with some tools. Then made changes on template files, images file to improve

1) I have feed on my web site. So any one want to subscribe can click the icon.
First, I check the feed file. Found it has some errors. So, I fixed it and check it with W3C Validation service.
Now it is [Valid Atom 1.0]

2) I put Facebook like button on entry page before. Later I removed it and replace it by a social service, named AddThis.
When I review HTML code, I found some leftover on pages. So I clean the code at templates. Then rebuild the site.

3) Since I mentioned AddThis service, I used Share Buttons codes on two places per web page. One is just below the post title. The other one is next to my related posts section. To improve the load speed of web pages, I replaced the Share Buttons by Smart Layers. It is one piece code, mobile ready. I copy and paste the code just in front of the ending body tag. Now you can see three places with different functions. On the left, there are five button to share the post. On the up right corner, there are four icons, including Facebook, Twitter, linkedin, and Google Plus. These icons are link to my profile page of these Social Network.
And the last, on the bottom of the webpage, recommended content are provided from my blog.

Continue reading


Within standard design web site, the DIV and SPAN are used widely.
The W3C, in “The Global Structure of an HTML Document,” defines these two elements.
The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.
What is This Thing Called div?
This is as good a place as any to explain that “div” is short for “division.”
When you group a bunch of links together, that’s one division of a document. Content would be another, the legal disclaimer at the foot of the page would be still another, and so on.

Continue reading

Web Page Standards (XHTML)

We use XHTML standards for all web page.
It is some thing need to be care for.
Open with the proper DOCTYPE and namespace.
Declare your content type using the META Content element.
Write all element and attribute names in lowercase.
Quote all attribute values.
Assign values to all attributes.
Close all tags.
Close “empty” tags with a space and a slash.
Do not put double dashes inside a comment.
Ensure that less-than and ampersand are <lt; and &amp;
Sometimes the errors are come from the mistakes above. So when we coding, please look at these parts carefully.

© 2020 David Yin's Blog

Theme by Anders NorenUp ↑