WEB代码的一些基础知识（一）

最新推荐文章于 2022-09-08 20:14:36 发布

黑芒

最新推荐文章于 2022-09-08 20:14:36 发布

阅读量795

点赞数

分类专栏：美丽的WEB代码文章标签： web javascript stylesheet div html xhtml

本文链接：https://blog.csdn.net/vatana/article/details/6135715

版权

美丽的WEB代码专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML+CSS+JAVASCRIPT构成了WEB浏览器端的丰富内容，它们是与用户最接近的部分，那么就让我们来记录一些他们的基础知识吧。

HTML是一种标签语言，你可以把它看做一种特殊的XML(其实它就是一种XML)，很简单。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Welcome aboard</title> <link rel="stylesheet" type="text/css" href="css/layout.css" mce_href="css/layout.css" media="screen" /> <mce:script type="text/javascript" src="javascripts/prototype.js" mce_src="javascripts/prototype.js"></mce:script> </head> <body> <div id="page"> <div id="sidebar"> <ul id="sidebar-items"> <li> <h3>Join the community</h3> </li> <li> <h3>Browse the documentation</h3> </li> </ul> </div> <div id="content"> <div id="header"> <h1>Welcome aboard</h1> </div> <div id="getting-started"> <h1>Getting started</h1> <h2>Here’s how to get rolling:</h2> <ol> <li> <h2>Create your databases and edit <tt>config</tt></h2> <p>Rails needs to know your login and password.</p> </li> <li> <h2>Use <tt>javascript</tt> to change your pages</h2> <p>To see all available options, run it without parameters.</p> </li> <li> <h2>Set up a default route and remove or rename this file</h2> <p>Routes are set up .</p> </li> </ol> </div> </div> <div id="footer"> </div> </div> </body> </html>

每个标签都以<***>开始，以</***>结尾

HTML对标签的规范不是那么严格，有时候结尾不写也是能够正常显示的。但是作为追求完美的程序员，我们怎么能容忍这样的事情发生，完全按照规范写代码，而不是随便的造出一堆垃圾代码让别人去头疼。

现在很多解释型语言对格式要求的都不是很严格，比如javascript,ruby,php,诚然格式的多样化可以大大简化程序员的开发量，可是也降低的程序的可读性，提高了出错率。

在web2.0时代，首先被抛弃的就是这个曾经很风靡，很强大的标签，被抛弃的原因就是他的强大导致了修改困难。

web2.0流行使用div+ul/ol+li+p进行布局，这样让你的代码层次清晰，方便阅读，条理清晰。

你可以通过css给它改变它的属性，也可以通过javascript做更多的扩展