欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【HTML5】网页文档结构

程序员文章站 2022-06-12 10:30:03
...

一、web标准

使用web标准的优点:

对于访问者:
1、文件下载和内容显示速度更快
2、内容能被更多的用户所访问(如失明、弱视、色盲等残障人士)
3、内容能被更多的设备访问(如屏幕阅读机、手持设备、打印机等)
4、用户可通过样式选择定制自己的表现界面
5、所有页面都能提供适于打印的版本

对于网站所有者
1、更少的代码和组件,更容易维护。
2、带宽要求降低(代码更简洁),成本降低
3、更容易被搜索引擎搜索到
4、改版方便,不需要更改面页内容
5、提供打印版本而不需要复制内容

web标准规定的内容

1.结构化标准语言
(1) XML (可扩展标识语言的缩写)
(2) XHTML (可扩展超文本标识语言的缩写)
2.表现标准语言
CSS层叠样式表
3.行为标准
(1) DOM
DOM,全称Document Object Model是一个 使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。
(2) ECMAScript
ECMAScript是ECMA制定的标准脚本语言,这种语言在万维网上应用广泛,常被称为JavaScript。

二、HTML5网页文档的基本结构

HTML 5文档类型说明<!doctype html>
HTML 5标记< html >… < /html >
头标记< head … < /head >
网页主体标记< body> … < /body >
页面注释标记<! --注释内容-- >
【HTML5】网页文档结构

三、制作一个符合W3C标准的案例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>行者无疆</title>
<style>
	div{white-space: pre-wrap;width: 500px;height: 280px; px;margin: auto;background: url(tp.jpg);padding-top: 5px;padding-left: 10px;box-sizing: border-box;line-height: 1.1em;color: #EBDBDC}
</style>
</head>

<body>
<div>
<h1>行者无疆</h1>

借一双翅膀飞去 远方
过去珍重 未来还长
我执笔刀剑盾防
斩断迷惘 乘风破浪
途经千万次坎坷跌宕
铸炼篇章 名为无疆

</div>
</body>
</html>

【HTML5】网页文档结构

相关标签: HTML