写出html5的四条书写规范_随笔

整体结构

【页面头部】

1、文件应以“<!DOCTYPE ......>”首行顶格开始，推荐使用“<!DOCTYPE html>”

<!DOCTYPE html>

2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码<meta charset="utf-8">

（1）网页显示字符集

（2）可选标签

公司的版权注释

网页制作者信息

网站简介

设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅

禁止浏览器从本地机缓存中调阅内容

用来防止别人在框架中调用你的页面

自动跳转

网页搜索机器人向导，用来告诉机器人哪些页面需要搜索，哪些页面不需要搜索

收藏夹图标

3、根据页面内容和需求填写适当的keywords和description

4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后

1）HTML标记是由尖括号包围的关键词。所有标记均以“<”开始，以“>”结束。结束的标记在开始名称前加上斜杠“/”。例如头部标记格式如下所示：<head>……</head>

（2）根据标记类型，正确书写标记，单个标记最好在右尖括号前加1个斜杠“/”，如换行标记是单个标记“<br>”，成对标记最好同时输入开始标记和结束标记，以免忘记。

（3）标记可以相互嵌套（也称为包含），但不能交叉。如：

（4）在HTML代码书写时不区分大小写，如头部标记写成<HEAD>，<head>，<Head>，<HEAd>都可以，但建议在同一个Web开发项目保持一种风格，如统一小写标记名称。

（5）代码中包含任意多的回车符和空格在HTML页面显示时均不起作用。需要时可使用<br />和来实现换行和插入空格。为了代码清晰，建议不同的标记都独占一行。

（6）给标记设置属性时，属性值建议用双引号标注起来。如段落内容居中格式如下所示：<p align="center">这是段落信息居中显示</p>

（7）书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格，否则浏览器不能识别该标记，导致错误标记直接显示在页面上，影响页面美观效果。例如：

< comment>显示一个段落< /comment>

（8）编写HTML代码时，应该使用锯齿结构，即向右缩进2~4个字符，使代码结构清晰，提高代码的可读性，为后期阅读和维护提供帮助。

简单的htm的编写过程如下：

先新建一个文本文件，可以自己命名，如下图，我命名为测试。

编译文本，以最简单的代码格式为例<html> <head> <title> </title> </head> <body> </body></html>

在<body></body>写入你要写的内容,下面以hello world为例。

修改文件后缀名，将txt改为html。

测试是否成功，双击测试.html，如果出现了下面的内容，恭喜你，你已经学会了最简单的html编写。

欢迎分享，转载请注明来源：内存溢出

写出html5的四条书写规范