html编程代码有什么规律?
HTML代码约定
许多Web开发人员对HTML的代码规范知之甚少。
从2000年到2010年,许多Web开发人员从HTML转换到XHTML。
利用XHTML,开发者逐渐开发出了更好的HTML编写规范。
对于HTML5,我们应该形成更好的代码规范,提供以下建议。
使用正确的文档类型
文档类型声明位于HTML文档的第一行:
lt!DOCTYPEhtmlgt
如果你想像其他标签一样使用小写,你可以使用下面的代码:
lt!doctyp:。
ltSECTIONgt
Ltpgt这是一段话。lt/pgt
lt/SECTIONgt
非常糟糕,:。
ltSectiongt
Ltpgt这是一段话。lt/pgt
lt/SECTIONgt
推荐:
ltsectiongt
Ltpgt这是一段话。lt/pgt
lt/sectiongt
关闭所有HTML元素
在HTML5中,你不不必关闭所有元素(例如,ltpgt元素),但是我们建议您为每个元素添加一个关闭标记。
不推荐:。
ltsectiongt
Ltpgt这是一段话。
Ltpgt这是一段话。
lt/sectiongt
推荐:
ltsectiongt
Ltpgt这是一段话。lt/pgt
Ltpgt这是一段话。lt/pgt
lt/sectiongt
关闭空的HTML元素
在HTML5中,一个空的HTML元素不会。;不需要关闭:
我们可以这样写:
ltmetacharset#34utf-8#34gt
你也可以这样写:
ltmetachars:。
同时使用大小写是一个非常不好的习惯。
开发者通常使用小写(类似于XHTML)。
小写风格看起来更清爽。
小写字母很容易写。
不推荐:
ltdivCLASS#34menu#34gt
推荐:
ltdivclass#34m:。
如果属性值包含空格,请使用引号。
如果不推荐混搭风格,推荐统一风格。
通过使用引号,属性值易于阅读。
以下实例属性值包含不带引号的空格,因此它们不起作用,:。
lttableclasstablestripedgt
下面使用了双引号,正确的是:
lttableclass#34tablestriped#34gt
图片属性
图片通常使用alt属性。当画面可以t显示,它可以代替图片显示。
ltimgsrc##34alt#34HTML5#34gt
定义图片大小,加载时预留指定空间,减少闪烁。
ltimgsrc##34alt#34html5#34styl:128pxh:128px#34gt
空格和等号
等号前后可以用空格。
ltlinkrel#34stylesheet#34href#34styles.CSS#34gt
但是我们建议使用更少的空间,:。
ltlinkrel#34stylesheet#34href#34styles.CSS#34gt
避免一长串代码。
用HTML编辑器,左右滚动代码很不方便。
尽量每行少于80个字符。
空行和缩进
唐不要无缘无故地添加空行。
为每个逻辑功能块添加空行,以便于阅读。
缩进使用两个空格,不建议使用TAB。
唐不要在较短的代码之间使用不必要的空行和缩进。
不必要的空行和缩进:。
ltbodygt
Lth1gt菜鸟教程lt/h1gt
lth2gtHTMLlt/h2gt
ltpgt
菜鸟教程,学的不仅仅是技术,还有梦想。
菜鸟教程学习的不仅仅是技术,还有梦想。
菜鸟教程,学的不仅仅是技术,还有梦想,
菜鸟教程,学的不仅仅是技术,还有梦想。
lt/pgt
lt/bodygt
要怎么记住html和css中那么多的标签和属性?
最好能记住,但不要记不住,至少要记住开头,然后看到就知道了。
使用Dreamweaver进行编辑,是自动提示的。你只需要输入第一个字母就可以选择。非常方便。
当然,如果它是不专业的,它不如果你不在乎。;我记不起来了。Dreamweaver可以设置样式,然后自动生成代码。但是专业人士一定要懂得手工写代码,这样编辑样式表会更快。我个人认为,编辑源代码的能力对于提高你的网站的开发速度是必要的。毕竟打字比用鼠标点快多了。