`

HTML规范 - 整体结构

    博客分类:
  • html
 
阅读更多

Html基础设施

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>NEC:更好的CSS方案</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="apple-touch-icon" href="img/touchicon.png"/>
</head>
<body>
  
</body>
</html> 
 
结构、表现、行为三者分离,避免内联
  • 使用link将css文件引入,并置于head中。
  • 使用script将js文件引入,并置于body底部。

 

分享到:
评论

相关推荐

    前端代码规范-js,html,vue,css,ts

    ### 前端代码规范-js,html,vue,css,ts #### 背景介绍 随着前端技术的快速发展及项目复杂度的增加,不同开发者之间的代码风格差异日益显著,这对后期维护带来了巨大挑战。一方面,缺乏统一的技术评审机制使得...

    (FZ110)编码规范-ASP.NET(V1.00)

    **编码规范-ASP.NET(V1.00)** 1. **目的** ASP.NET编码规范的主要目的是为了提高代码...通过遵循这些编码规范,开发者能够在ASP.NET项目中实现高效、一致且高质量的编码实践,从而提高整体项目的质量和团队合作效率。

    .net设计规范-之命名规范

    .Net设计规范是指导开发者编写高质量、易维护代码的重要准则,其中命名规范是确保代码...在实际开发中,还应结合项目特定的需求和团队约定,适当调整和扩展这些规范,确保整个项目的命名风格统一,提高整体代码质量。

    腾讯PHP开发规范.docx

    腾讯的PHP开发规范旨在为开发团队提供一套统一的标准,通过目录结构、数据库设计和代码风格的规范,提升项目整体质量和开发效率。遵循这些规约,不仅可以使代码更易于理解和维护,也能提高团队合作的效率。作为...

    《网页设计与制作》相关规范-网站设计通用规范.docx

    网站设计通用规范 一、设计风格规范 * 网站设计风格应根据网站的定位...本文档对网站设计通用规范进行了详细的规定,涵盖了设计风格、图形设计、名称约定和目录结构等方面,对网站设计和制作提供了重要的参考依据。

    HTML+CSS编写规范大全.docx

    HTML+CSS 编写规范大全是指在 Web 项目开发之前,需要制定一个开发约定和规则,以便于项目的整体风格统一、代码维护和扩展。该规范大全涵盖了 HTML 和 CSS 的编写规范,旨在提高项目的开发效率和代码质量。 一、CSS...

    页面设计规范借鉴.pdf

    《页面设计规范详解》 页面设计规范是网页开发中的核心指南,旨在提升用户体验,优化页面性能,以及提高团队...页面设计规范是提升整体网页质量的关键,它不仅仅是技术层面的规范,更是用户体验和团队协作效率的保障。

    web前端开发规范手册

    - 文件存放位置规范提供了一个清晰的结构,有助于组织项目文件,便于管理和维护。 - `Root`: 项目根目录。 - `[pic]`: 存放图片文件。 - `[pic]flash`: 存放Flash文件。 - `[pic]images`: 存放图片文件。 - `...

    BPEL 2.0规范(中文版)

    - **抽象业务流程**:此类业务流程主要用于描述高层次的概念或流程结构,不包含所有具体的执行细节,通常用于设计阶段。 - **业务事务**:指一系列业务操作,这些操作要么全部成功,要么全部失败,确保业务的一致性...

    TOM_HTML_CSS开发规范

    《TOM_HTML_CSS开发规范》是一份详细的指南...遵循这些规范,开发者可以创建出结构清晰、样式统一且易于维护的网页,提升整体的开发效率和用户体验。在不断发展的Web技术环境下,理解和应用这些基本规范仍然至关重要。

    代码编写规范(java、html、css、js).pdf

    虽然文档中的内容是通过OCR技术识别出的部分文字,可能存在一些识别错误或遗漏,但基于文档的整体结构和提供的信息,我们依然可以从中提炼出大量有用的编程知识。这些规范的目的是帮助开发人员编写出清晰、高效和...

    前端开源库-html-nest-rule

    总之,"html-nest-rule"是一个关注HTML规范的前端工具,它的存在是为了确保HTML的正确嵌套,遵循最佳实践,从而提升前端项目的整体质量。通过学习和使用此类工具,开发者可以更好地理解和应用HTML规范,提高工作效率...

    html前端制作规范

    ### HTML前端制作规范 在网页前端开发过程中,遵循...这些规范不仅有助于提升项目的整体质量,也有利于团队成员之间的协作与交流。在实际开发中,开发者还需要根据具体情况进行适当调整和完善,以适应不同项目的需求。

    html-css-js网页设计流程.doc

    DOCTYPE html&gt;`,用于告知浏览器文档采用哪种 HTML 规范。 - **基本结构**:`&lt;html&gt; &lt;head&gt; ... &lt;/head&gt; &lt;body&gt; ... &lt;/body&gt; &lt;/html&gt;`,其中 `&lt;head&gt;` 包含文档元数据,`&lt;body&gt;` 包含可见的内容。 - **语义化标签*...

    百度前端代码规范.pdf

    该规范涵盖的内容非常全面,包括但不限于Javascript编码规范、HTML编码规范、CSS编码规范、Less编码规范、E-JSON数据传输标准、模块和加载器规范、包结构规范、项目目录结构规范、图表库标准以及react编码规范等。...

    web前端命名规范.docx

    页面结构容器是指在 HTML 文档中,对页面结构的命名规范。这些命名对应到页面结构的英文释译,例如: * container - 容器 * header - 页头 * content - 内容 * main - 页面主体 * footer - 页尾 * nav - 导航 * ...

    JSF开发规范

    界面需求快速描述采用Excel表格的形式,将需求以结构化的方式展现出来,作为需求分析和界面原型设计之间的桥梁。这种方式可以加速开发进程,并确保需求理解的一致性。 ##### 2.2 描述规范 - 快速描述模板应严格按照...

    HTML-project.zip

    为了保持代码整洁和易于维护,良好的组织结构和命名规范是非常重要的。此外,一些开发者可能还会利用预处理器(如Sass for CSS或Babel for JavaScript)和构建工具(如Webpack或Gulp)来自动化任务和优化资源。 ...

Global site tag (gtag.js) - Google Analytics