用HTML5写一个简单的HTML页面

HTML5的<!doctype>声明

 

在HTML 4.01中doctype这样写:

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

在HTML5中很简单:

<!DOCTYPE html>

 

HTML5的<meta>标签

 

<meta>标签在 HTML 4.01 中这样写:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

在HTML5中也很简单:

<meta charset="UTF-8">

meta标签的常见功能:

  • 帮助主页被各大搜索引擎登录
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

  • 定义对页面的描述
<meta name="description" content="程序员,Python程序员," />

 

HTML5 <head>标签

 

head 元素可包含关于文档的信息。浏览器不会向用户显示这些头部信息("head information")。下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

 

雅虎工程师提供的CSS初始化示例代码

 

可以在html头文件中直接引用,从而避免浏览器的不兼容带来的错误。

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

 

Hello HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个HTML5的网页</title>
</head>
<body>
<p>Hello HTML5</p>
</body>
</html>


 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。