我们知道,前端工程师入门容易,通过学习基本的HTML和CSS就能在浏览器上看到实际的效果,可是要写好的HTML,就不是那么容易了。这里将和大家分享HTML规范,希望大家读完之后都能够有所收获。本文将主要以下面三个部分展开:
1.HTML基础设施
<!DOCTYPE.....>
首行顶格开始,这句话告诉浏览器这是一个什么文件,我们推荐使用<!DOCTYPE html>
。<meta charset="UTF-8">
,这句代码告诉浏览器应该此HTML文件使用的字符集是什么,如果不加此行代码,那么在浏览器中可能显示为乱码。2.HTML代码结构和视觉顺序基本保持一致
3.结构、表现、行为三者分类,避免内联。
4.保持良好的树形结构
5.其他需要注意的问题
1.说明文案的注释方法
<!-- 注释文案 -->
<!-- /注释文案 -->
2.严格嵌套
3.严格的属性
比如在img标签内加入alt属性,在audio内加入文案和链接等等。
比如背景图片的文字应该同时卸载HTML中,并使用css使其不可见,有利于搜索引擎抓取你的内容,也可在css失效的情况下看到内容。
以实体代替与HTML语法相同的字符,避免浏览器解析错误。
常用的HTML字符实体(建议使用实体):
常用的字符实体(不建议使用实体):