侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

写代码要注意的小细节

2024-05-08 星期三 / 0 评论 / 0 点赞 / 71 阅读 / 5855 字

1.写路径时:总是将正斜杠添加到子文件夹。 不合适的写法:href="http://www.w3school.com.cn/html", 原因:这样会向服务器产生两次 HTTP 请求。这是因为服务器会

1.写路径时:总是将正斜杠添加到子文件夹。

不合适的写法:href="http://www.w3school.com.cn/html",

原因:这样会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求;

更好的写法:href="http://www.w3school.com.cn/html/"

原因:在末尾添加/,只会产生一次HTTP请求,提升性能。

2.假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。

3.在html上写js代码应该将脚本隐藏在注释标签当中

如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

<script type="text/javascript"><!--document.write("Hello World!")//--></script>

4.善用<noscript> 标签

除了将脚本隐藏于注释中,你还可以添加 <noscript> 标签。<noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 <script> 标签,但是不支持其中的脚本,那么这些浏览器将显示出 <noscript> 标签内部的文本。不过,如果浏览器支持 <script> 内的脚本,那么浏览器将忽略

<script type="text/javascript"><!--document.write("Hello World!")//--></script><noscript>Your browser does not support JavaScript!</noscript>

5.应当在 <blockquote> 标签中仅仅包含块级元素,而不仅仅是纯文本。

<blockquote><p>here is a long quotation here is a long quotation</p></blockquote>


6.请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。


7.如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。
Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。
请在 HTML 表单中使用 input 元素来创建按钮。


8.空标签尽量关闭,更完善更友好
在 HTML 中,<hr> 标签没有结束标签。
在 XHTML 中,<hr> 必须被正确地关闭,比如 <hr />。
合适写法   <img src="" />
不合适写法 <img src="">

9.使用 <pre> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "&lt;" 代表 "<","&gt;" 代表 ">","&amp;" 代表 "&"。在用 <pre> 标签格式化的文档段中使用空格,可以确保文本正确的水平位置。

 

10.

一定要选择一个正确的标题,这对于定义文档并确保它能够在 Web 上有效利用来说是十分重要的。

请记住,用户可以用任何顺序、独立地访问文档集中的每一个文档。所以,文档的标题不仅应当根据其他文档的上下文定义,而且还要显示其自身的特点。

含有文档引用排序的标题通常不是什么好标题。举个例子,像“第十六章”或“第五部分”这样的标题,对读者理解其内容方面毫无用处。描述性更强的标题,像“第十六章:HTML 标题”,或者“第五部分:如何使用标题”,这样的标题不仅表达了它在一个大型文档集中的位置,还说明了文档的具体内容,吸引读者更有兴趣读下去。

自我引用的标题也没有什么用处。像“主页”这样的标题和内容毫无关系,类似的还有“反馈页”或“常用链接”等。你应该设计一个能够传达一定内容和目的的标题,令读者凭这个标题就可以判断是否由必要访问这个页面。“HTML <title> 标签的详细信息”,这就是一个描述性的标题,类似的还有“HTML <title> 标签的反馈页”等等。

人们常常会花费大量时间去创建 Web 文档,但却经常只是因为一个不吸引人或无意义的标题,而把这些努力全都浪费掉了。当自动为用户搜集链接的特殊软件在 Web 上越来越流行时,只有网页的标题才会作为与页面相关的描述性词语,被插入到庞大的链接数据库中。因此,我们怎么强调这一点都不过分:请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。

 

11.只有当一个字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。单引号或双引号都可以接受。但是,如果把一个 font-family 属性放在 HTML 的 style 属性中,则需要使用该属性本身未使用的那种引号。

12.样式能不用id写就不用,id后端经常要用,如果前端用来写样式了,后端不要操作;样式的优先级降到最低,方便后面覆盖样式或者后端修改样式。

13.样式尽量做到一个样式只做一个事情,一个地方的样式只有一个地方决定,这样可以让模块更加独立,减少依懒性,方便修改。

广告 广告

评论区