之前第一次接触html，一直使用table进行布局，十分麻烦还相当丑陋，造成当初并没有多大的兴趣，直到半年前开始接触到了使用div+css编写页面，才对它有了兴趣。作为一个菜鸟记录自己的点滴教训与收获，主要还是给自己看的，也希望对以后想要学习的同学有所帮助，同时也还请各位前辈多多指出不足。

1      减少无意义标签的使用

简单的举个例子：

对于这个顶部的结构，

错误：通栏>版心>左边+(右边>ul>li*9>a)

正确：通栏>版心>左边+(ul>li*9>a)

对于右边的部分，不需要使用一个div包裹ul，明明一个ul就可以实现何必使用多余的div标签进行嵌套呢。所以在编写过程中明明可以用一个标签解决的，不要使用无意义的标签多层嵌套。

2      关于命名

以前学习java，因为英语不好，喜欢用拼音命名，这样做不好，虽然一开始学习就知道，但是并不是很注意。在身边人的提醒下，尤其自己也感觉用拼音的不便性，纠正，以后要更注意命名。英语不好没关系，这不是还有有道和度娘吗？

再有就是标签发生嵌套时候的命名。一般同一层级的标签的命名问题不是很大，只需要使用一个单词就可以。但是当发生嵌套的时候就需要使用“-”进行连接，不然很容易自己分不清哪个标签是哪个。比如以上那个顶部通栏可以使用top命名整个，右边部分可以叫top-right，后面可能还会有top-right-detail-link如果太长就可以缩写为top-r-d-link，还是太长甚至可以缩写为trd-link，注意是太长才缩写，短的话为了保证意思的理解不用缩写，另外最后一个单词为了理解也最好不要缩写。

3      特殊符号的使用

上面那个下拉箭头是使用菱形符号◇制作的，使用了两个标签进行嵌套书写，

<i><s>◇</s></i>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：html、css基础注意点

关键词：HTML