博主:初映CY的前说(前端领域) ,本文核心:前端代码那些规范
前言:代码的书写规则,从项目运行来看或许没有什么很大的差别,但如果能写出比较符合规范的代码,作为开发人员在编写、阅读上的体验会是一个质的提高。当然了,能够书写符合规范的代码也是能够体现程序员的一个潜在的“加分项”,下面跟着博主来看看在项目开发中遇到的一些常见的规范有哪些。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
这是一个段落。
<div>
这是包含在段落中的一个<div>元素。
</div>
</p>
</body>
</html>
我们从当前代码来看是P包着DIV元素,页面也没有报错,我们打开开发者工具看书写的代码结构却发现与我们在编译器中写的不同:
根据HTML的规范,p标签不能直接包含div标签。根据HTML的语义,P标签用于表示段落,而div标签用于表示文档中的容器或区块,它们的用途和语义是不同的。HTML是弱语言,写法上是没报错的,浏览器会自动解析成它所认为的样子。当然这种类似的还有很多,比如还有ul标签中之能放li作为我们的子集,至于li里面放什么就随便放符合HTML规范的标签就行。注意:ul下面子集别直接放div标签,虽然会被解析,但是的确是很不规范的做法。
2. 提供适当的文本描述:对于图像、链接或任何其他元素,使用适当的alt属性、title属性或文本描述来提供对内容的描述。这样有助于无法加载图像的用户、使用屏幕阅读器的用户或搜索引擎理解您的页面。常用的img图片标签中 ,当图片src加载路径失败便会触发出文字提示。而不是页面上一个缺失的残图显示着。
<img src="../assets//imgs/biaoti_icon.png" alt="这是个图">
在push之前一定要先Pull去将别人代码拉去下来,避免非必要的冲突。
至此本文结束,愿你有所收获!
期待大家的关注与支持! 你的肯定是我更新的最大动力!!!