前端 HTML的规范

时间:2019-03-21
本文章向大家介绍前端 HTML的规范,主要包括前端 HTML的规范使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.编写HTML规范

1)所有标记元素都要正确的嵌套,不能交叉嵌套。正确写法举例:<h1><font></font></h1>

(2)HTML标签通常是成对出现的,比如:<div></div>,第一个标签是开始,第二个标签是结束。结束标签会有斜线。

(4)所有的标签都必须关闭,即闭合标签。也有一部分标签是单闭合标签的

闭合标签:<span></span>
单闭合标签:<br> 可以写成 <br /> <hr> 可以写成 <hr />,还有<img src=“URL” />
(5)所有的属性值必须加引号。<h1 id="head"></h1>

(6)所有的属性必须有值。<input type="radio" checked="checked" />

(7)标签里面可以有若干属性,也可以不带属性。

(8)HTML标签是由尖括号包围的关键字,如<html>, <div>等

(9)<html>标签、<body>标签,<head>标签,<title>标签,一个html文件,只能有一个

几个很重要的属性:

  • id:定义标签的唯一ID,HTML文档树中唯一
  • class:为html元素定义一个或多个类名(classname)(CSS样式类名)
  • style:规定元素的行内样式(CSS样式)

2.HTML的基本语法特征

HTML对换行不敏感,对tab不敏感

HTML只在乎标签的嵌套结构,嵌套的关系。谁嵌套了谁,谁被谁嵌套了,和换行、tab无关。换不换行、tab不tab,都不影响页面的结构。

也就是说,HTML不是依靠缩进来表示嵌套的,就是看标签的包裹关系。但是,我们发现有良好的缩进,代码更易读。要求大家都正确缩进标签。

空白折叠部分

HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。

标签要严格封闭

<html></html>
<meta />