用HTML5写一个简单的HTML页面

时间：2015-02-25 00:41:05 阅读：196 评论：0 收藏：0 [点我收藏+]

标签：

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 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>

用HTML5写一个简单的HTML页面

标签：

原文地址：http://www.cnblogs.com/pylab/p/4299054.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行