2016 - 2024

感恩一路有你

如何记住html标签属性大全 html编程代码有什么规律?

浏览量:3765 时间:2023-03-25 15:03:24 作者:采采

html编程代码有什么规律?

HTML代码约定

许多Web开发人员对HTML的代码规范知之甚少。

从2000年到2010年,许多Web开发人员从HTML转换到XHTML。

利用XHTML,开发者逐渐开发出了更好的HTML编写规范。

对于HTML5,我们应该形成更好的代码规范,提供以下建议。

使用正确的文档类型

文档类型声明位于HTML文档的第一行:

lt!DOCTYPE htmlgt

如果你想像其他标签一样使用小写,你可以使用下面的代码:

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元素不会。;不需要关闭:

我们可以这样写:

ltmeta charset#34utf-8#34gt

你也可以这样写:

ltmeta chars:。

同时使用大小写是一个非常不好的习惯。

开发者通常使用小写(类似于XHTML)。

小写风格看起来更清爽。

小写字母很容易写。

不推荐:

ltdiv CLASS#34menu#34gt

推荐:

ltdiv class#34m:。

如果属性值包含空格,请使用引号。

如果不推荐混搭风格,推荐统一风格。

通过使用引号,属性值易于阅读。

以下实例属性值包含不带引号的空格,因此它们不起作用,:。

lttable classtable stripedgt

下面使用了双引号,正确的是:

lt table class # 34 table striped # 34gt

图片属性

图片通常使用alt属性。当画面可以 t显示,它可以代替图片显示。

ltimg src##34 alt#34HTML5#34gt

定义图片大小,加载时预留指定空间,减少闪烁。

ltimg src # # 34 alt # 34 html 5 # 34 styl: 128 pxh: 128 px # 34gt

空格和等号

等号前后可以用空格。

lt link rel # 34 style sheet # 34 href # 34 styles . CSS # 34gt

但是我们建议使用更少的空间,:。

lt link rel # 34 style sheet # 34 href # 34 styles . CSS # 34gt

避免一长串代码。

用HTML编辑器,左右滚动代码很不方便。

尽量每行少于80个字符。

空行和缩进

唐 不要无缘无故地添加空行。

为每个逻辑功能块添加空行,以便于阅读。

缩进使用两个空格,不建议使用TAB。

唐 不要在较短的代码之间使用不必要的空行和缩进。

不必要的空行和缩进:。

ltbodygt

Lth1gt菜鸟教程lt/h1gt

lth2gtHTMLlt/h2gt

ltpgt

菜鸟教程,学的不仅仅是技术,还有梦想。

菜鸟教程学习的不仅仅是技术,还有梦想。

菜鸟教程,学的不仅仅是技术,还有梦想,

菜鸟教程,学的不仅仅是技术,还有梦想。

lt/pgt

lt/bodygt

要怎么记住html和css中那么多的标签和属性?

最好能记住,但不要记不住,至少要记住开头,然后看到就知道了。

使用Dreamweaver进行编辑,是自动提示的。你只需要输入第一个字母就可以选择。非常方便。

当然,如果它是不专业的,它不 如果你不在乎。;我记不起来了。Dreamweaver可以设置样式,然后自动生成代码。但是专业人士一定要懂得手工写代码,这样编辑样式表会更快。我个人认为,编辑源代码的能力对于提高你的网站的开发速度是必要的。毕竟打字比用鼠标点快多了。

代码 HTML 属性 空格

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。