什么是HTML5?
HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision
of the language to date. It introduces many new features in a variety of areas. Some of the more
notable additions include:
• Built-in multimedia tags for audio and video
• A canvas tag for drawing content in the browser
• Smarter forms that let you do things such as validation through the use of a required attribute
HTML5 doctype
The doctype declaration should be the first thing in an HTML document, before the tag.
HTML4 approach:
Simple HTML page using div tags
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
A Simple HTML Page Using Divs
</title>
</head>
<body>
<div id='header'>Header</div>
<div id='content'>Content</div>
<div id='footer'>Footer</div>
</body>
</html>
HTML5 new tags are:
1. header 标记一个section的头部
2. section 类似于一本书的章节
例子:
<header>Header</header>
<section>
<p>
This is an important section of the page.
</p>
</section>
<div id='footer
3. article 重要的内容块
例子:
<header>Header</header>
<section>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
</section>
4. aside
例子:
<section>
<article>
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
<aside>
<p>
This is an aside for the first blog post.
</p>
</aside>
</article>
<article>
ibm.com/developerWorks/ developerWorks®
New HTML5 structural tags Page 7 of 11
<p>
This is an important section of content on the page.
Perhaps a blog post.
</p>
</article>
5. footer
6. nav
分享到:
相关推荐
structural design structural
Structural Equation Modeling Example Using WinAMOS
Improve the semantics of your documents using new structural tags: sections, groups, forms, etc. Learn the new web form features: autofocus, placeholders, field types, etc. Explore the new AUDIO and ...
Nonlinear Structural Analysis
airframe structural design 的第二部分,两个都下了才能解压
James Grace Structural Equation Modeling for Ecological Analysis
Structural Priors in Deep Neural Networks Yani Andrew Ioannou Department of Engineering University of Cambridge This dissertation is submitted for the degree of Doctor of Philosophy
ANSYS Mechanical APDL Structural Analysis Guide
structural models_标志社会网络分析图论法成熟
Structural Closures (ch600-1) (2005)
利用MATLAB进行结构相似性指数(Structural Similarity Index)计算
Chapter 5:Dynamic Analysis of Offshore Wind Turbine Structures Chapter 6:Seismic Reliability Analysis in the Framework of Metamodelling Based Monte Carlo Simulation Chapter 7:Finite Element Analysis ...
The Plastic Methods of Structural Analysis B G Neal 结构分析的塑性方法
A Multilevel Structural Equation Model Testing the Influences of Socio-Economic Status and Pre-Primary Education on Reading Literacy in Italy Original
ANSYS Structural mechanics 2020R2 新功能。包含结构计算的前后处理的功能增强,计算能力的增强等等。有利于了解最新的功能并加以采用。
数值结构分析方法和模型,Anatoly V. Perelmuter, Vladimir I. Slivker (auth.)-Numerical Structural Analysis_ Methods, Models and Pitfalls-Springer-Verlag Berlin Heidelberg (2003),资源来自互联网
Structural Analysis with the Finite Element Method
有限元英文原版教材The Finite Element Method for Solid and Structural Mechanics, Sixth Edition
陈惠发的经典教材,里面关于塑性理论的知识讲的很透彻,希望对大家有帮助。