根据W3C网页规范化设计要求,网页应该遵循结构( Stucture)表现( Pesentation )和行为( Behavior)的分离。这3种技术简单说明如下。
结构:使用HTML、XHTML或者XML语言规范设计的网页标签代码,即网页的结构和内容。我们主要使用HTML。
表现: 使用CSS语言规范设计的网页样式代码,即网页显示效果(或称呈现效果)。
行为: 使用JavaScript语言和DOM规范设计的网页脚本代码,即网页特效、动画或者互动行为。
在深入前端之前,我们应该先掌握HTML语言,能够熟练使用HTML标签。对于大部分初学者来说,养成良好的、符合标准的手写代码习惯是非常重要的。
HTML文档一般都应包含两个部分:头部区域和主题区域。
整个文档由<html>(开始标签,下同)作为文件的开始,由</html>(结束标签,下同)作为文件的结束。头部由<head> </head>组成,主体由<body> </body>组成,和身体结构相同,HTML文档也是head在上,body在下。而我们对HTML的代码,主要进行在body元素 之中。
注释格式:<!-- 注释--> //注释
<!-- 这是块注释,括号中的内容在运行代码时代码将不会执行-->
//这是行注释,整行的内容在运行代码时代码将不会执行
下面是比较完整的html文档示例
<html><!--语法开始-->
<head>
</head>
<body>
<!-- 网页显示的内容写在这里-->
</body>
</html><!--语法结束-->
在编写HTML代码时候,需要注意缩进的使用。在一个元素(如body)中可以嵌套许多其他的元素,如下:
<body>
<div>
<div>
</div>
</div>
</body>
这时候使用适当的缩进可以使文档的结构更加清晰,方便往后对其的CSS编写。
本章主要了解了HTML的基本雏形,下一章我们将了解HTML中常用的标签元素。
前端学习君关注前端学习君,前端学习从0到1。前端学习君每日分享/推送前端相关学习资讯,欢迎关注!
网友评论