左右分开的html代码,html文档中内容、表现、行为应分开实现代码?

摘要:

下文讲述html文档中内容编写规范,如下所示:

html网页的组成部分

1.内容:网页内容由html元素编写的文本

2.表现：css代码,用于控制html元素显示的效果，颜色 、边框、布局等

3.行为：使用javascript部分,操作html元素

猫猫教程(www.maomao365.com)

---内容，表现，行为的html编写规范

.one{font-weight:bold}

.two{

color:green;

font-size:14px;

}

.three{color:red;}

window.οnlοad=function(){

let odiv=document.getElementsByClassName("c")[0];

odiv.οnclick=function(){

this.style.color='yellow';

}

}

猫猫教程---1

猫猫教程---1

猫猫教程---1

代码说明:

上面的代码 分别使用style包裹 css代码和使用script标签包裹javascript使用整个页面内容更好的分离，页面代码更加清晰，

以上html还可以将css代码 javascript代码放入单独的css和js文件中，再使用link引入css文件和link 引入js文件,嵌入到Html文件中