S

HTML5 - semantic element

New element is adopted to HTML5, which is called "semantic element"

Could you find the new tag in the picture above?

You may find new tag from there like <header>, <nav>, <section>, <article> and <footer>.

If you compare result with HTML4, it would show same result but when dealing with the document on web browser, it has great difference.

- easy to recognize where is title, menu or real content by the tags.

- when searching site, it enables to find exact information what you want to find by the tag. For example, if you have to find main content, you can go straightly to the section and article not header or nav.

- In the aspect related to web accessibility, it is really important. For example, blind people use reader tool as helping tool. Reader tool recognizes where is header or content by the tag.

HTML5 Baisc Structure

This is html basic form.

<!doctype html> means current document is composed of HTML5.

<html> ~ </html> start and end point in the document.

<head> ~ </head> title, keyword, author, related document and etc.

<title> ~ </title> it shows the name of the website on the site bar.

<body> ~ </body> it contains contents shown on web browser.

Appearance of HTML5

Except Microsoft, other companies like Apple, Opera, Google and etc supported about realistic web standard that not making new standard like XHTML, but extending HTML with dynamic web service, and created WHATWG("Web Hypertext Application Technologies Working Group").

As time passes by, W3C also accepted WHATWG at 2007 and officially, began working group and called "HTML5" from web application 1.0. At the same time, destroy the development of XHTML2.

1989 - Tim Berners Lee created HTML concept-----------------------

1994 - Begin W3C1995 - Suggest HTML2 ---------------------------

1997 - Suggest HTML3.2, HTML41998 - Start web standard progect--------

2000 - Suggest XHTML1 -----------------------------------------

2004 - Start WHATWG-------------------------------------------

2007 - Start HTML working group by W3C-----------------------------

2008 - Announce HTML5------------------------------------------

2009 - End XHTML2 working group by W3C ----------------------------

2014 -announce the proposal of recommendation for HTML5----------------

x

Common sense for battery of the smartphone

How do you feel about battery having under 20% on your phone?

I would like to give some tips to make your battery life better!

1) It is better for battery to charge frequently than using until 0%.

- some people may think that using battery until 1% left is one of saving way but it is better to change or charge when having less than 40%.

- Generally, battery from the smartphone is composed of lithium ion battery, which total amount decrease as having more discharge so it is better not to make discharge by charging frequently.

2) Low Temperature

- it makes charge speed slow and discharge in short time because low temperature makes lithium ion move hard

3) Better not to pull out charge cord straightly when turning on green light.

- Green light does not mean it is full battery exactly, still available to charge a little bit more so wait for a minute.

4)Don't care about charging through charge case or mobile phone directly.

- some people think having charge on the phone directly is not good for battery life but it does not matter but it is better not to use during charging like calling.

Security Terms

When listening or reading the news related to security, have you ever found any technical terms that made you hard to understand?

* Zero-day

This expression means it is security vulnerability found recently from software but not modified yet by software manufacturer.

- Fortunately, there is almost none to use zero-day vulnerability among main security threat following the report by Microsoft but always important to keep up to date.

* Remote code execution

It means cyber criminals connect users computer remotely by using weakness and execute malicious software. Generally, it is utilized with bug from web browser, image view application, video, music player, and pdf viewer.

- So, it is important to be careful before opening the attached files from anonymous email. (when it is image or pdf file, need to be more careful)

* Sandboxing

This is one of way to protect from remote code execution. This technology makes app and other software process isolate even if some software found security vulnerability.

- There is Adobe Reader X using sandboxing technology so the security of reader improved.

* SSL (Security Socket Layer)

You can find "https" on the address bar of your browser usually from bank or shopping site with padlock sign, which means SSL is operating. It is used for having protection in exchanging information between visitors and site. It makes moving data with encryption.

* Certificates

SSL is enable to use at any web site including malicious one so it can not say the website with SSL is always secure. So, we need certificate that show identity of the website whether it is reliable or not. Generally, Certificate Authority issue the signature so that the website is identifiable by signature. If there is no signature, it would pop up with warning from browser.

Web History - until HTML 4.01

Following internet service is being core of the web, enterprises "Mosaic","Netscape" and "Microsoft" appeared.

They have own web browsers having various web technologies differently.

Each enterprise made font type, color and etc, which made all the web developers confuse in developing process.

Finally, Tim Berners Lee who created " World Wide Web" established W3C (World Wide Web Consortium) suggesting the standard web with other enterprises related to web.

They announced HTML2.0 as standard language at 1995 and following that, announced HTML3.2 at 1997, HTML4.0 at December 1997.

Despite of developing standard, Netscape and Microsoft developed the technology to compete each other without considering standard. For example, Netscape made navigator light on and off on word with <blind> tag while Explorer browser made the word with flow effect by <marquee> tag.

This is why, it was the biggest concern for web designers and developers to make cross - browsers,

which means two browsers show same side.

As time passes by, it was getting start to develop more and more like possible to watch movie on website and made the online payment. By this frequent development, W3C judged HTML4 is not enough to follow the flow of web and announced that we are not going to update the standard anymore and starting new web standard project called "XHTML".

HTML - Basics

HTML?

All files used in computer have specific form.

For examples, word is written by *.txt - excel is *.xlsx and so on.

Web also has specific form as well, which is *.html. In here, it has various elements, not only text type buy also image, link and etc. These all kinds of elements are being able to express through HTML. It stands for "Hyper Text Markup Language".

Web browser?

This is program showing written html document to the user. (For example, Internet Explorer and Chrome browser)

Tag?

Tag is used for creating web document like <img> - for image and <p> for text.

- If you would like to see the source on your webpage by Chrome, go to chrome tool icon placed at right upper side and More tools -> View Source or just click "F12" straightly.

Monday, 15 December 2014