HTML规范

最新推荐文章于 2021-10-04 18:00:06 发布
最新推荐文章于 2021-10-04 18:00:06 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： html 文章标签： html web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITHHH111/article/details/104195851
版权
本文详细介绍了HTML规范，包括页面头部的声明、资源引入、结构优化、语义化、代码格式等方面，旨在使HTML代码更具一致性、可读性和维护性。
摘要由CSDN通过智能技术生成

HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范

整体结构

【页面头部】

1、文件应以<!DOCTYPE…>首行顶格开始，推荐使用

<!DOCTYPE html>

2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码

<meta charset="utf-8">

3、根据页面内容和需求填写适当的keywords和description

<meta name="description" content="不超过150个字符">
<meta name="keywords" content="">

4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后

<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>

【资源引入】

1、保证 favicon 可访问

<link rel="shortcut icon" href="path/to/favicon.ico">

2、引入 CSS 和 JavaScript 时无须指明 type 属性

3、引入 CSS 时必须指明 rel=“stylesheet”

<link rel="stylesheet" href="page.css">

4、使用link将css文件引入，并置于head中；使用script将js文件引入，并置于body底部

5、移动环境或只针对现代浏览器设计的 Web 应用，如果引用外部资源的 URL 协议部分与页面相同，建议省略协议前缀。这是因为使用 protocol-relative URL 引入 CSS，在 IE7/8 下，会发两次请求。是否使用 protocol-relative URL 应充分考虑页面针对的环境

<script src="//s1.bdstatic.com/jquery.js
最低0.47元/天 解锁文章
白T恤架构师
关注
专栏目录
根据 HTML 规范，以下代码中，外层容器 .outer 的宽高分别是：
孙叫兽的博客
09-06 1295
根据HTML规范，以下代码中，外层容器.outer的宽高分别是：B <style> .outer { height: 50px; } .inner { width: 120px; height: 100px; } </style> <div class="outer"> <span class="inner">content</span> </div> A.高 50px，宽 120px B.高 50px，宽 100...
HTML的规范
xycy123_com的博客
05-10 603
HTML的规范 HTML规范是指HTML是由W3C来维护和设计标准的，后期的HTML5的版本是由WHATWG和W3C一起来完成。HTML5它在之前HTML4的基础上做了很多标签的增强以及更好的兼容移动端，在移动APP的开发中 主要用到了H5的技术。也就是说 目前为止 我们学习的标签以H4为主，当然 对于一些基础应用的H5标签 也会在这里做简单的讲解。 标签的规范 在HTML中 标签是由<>来声明的，凡是使用了<>括起来的内容 都会被浏览器认为是标签 标签名是一个个
前端编码风格规范之 HTML 规范
weixin_30491641的博客
01-16 245
HTML 规范 文档类型 推荐使用 HTML5 的文档类型申明：<!DOCTYPE html>. （建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性，比如application/xhtml+xml在浏览器中的应用支持与优化空间都十分有限）。 HTML 中最好不要将无内容元素[1]的标签闭合，例如：使用<br&gt...
html规范
04-07 214
html规范 HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范 整体结构 【页面头部】   1、文件应以<!DOCTYPE...>首行顶格开始，推荐使用<!DOCTYPE html> <!DOCTYPE html>   2、必须声明文档的编码charset，且与...
amp-library:将HTML转换为AMP HTML并报告符合AMP HTML规范HTML
05-07
一个开放源代码PHP库和控制台实用程序，用于将HTML转换为并报告HTML是否符合AMP HTML规范。 什么是AMP PHP库？ AMP PHP库是一个开源的纯PHP库，它具有： 适用于全部或部分HTML文档（或字符串）。 具体来说，AMP ...
html, HTML规范的工作草案.zip
10-09
html, HTML规范的工作草案 HTML 这是HTML规范的工作草案的存储库。 这个库由平台工作组( ) 管理。建议的HTML5.3 时间线的时间表在 #1076 中被提到。行为准则。构建文档编辑文档贡献文档。欢迎对HTML规范的贡献。 ...
spock-spec-extractor:从测试中提取 spock 规范并生成 html 规范文件
06-10
此存储库中的 Maven 插件允许您从测试中提取规范信息并生成 html 报告。 将插件存储库添加到您的 pom.xml： < id>github-alien11689 < name>alien11689's Git based repo < url>...
前端代码规范文档，js，css，html等
最新发布
10-20
前端代码规范文档@js、css、html 等 本文档旨在规范前端开发过程中的代码编写，涵盖 JavaScript、CSS、HTML 等多方面的规范，旨在提高代码的可读性、可维护性和可扩展性。 命名规范 1.1.1 项目命名：全部采用小写...
HTML规范（基于HTML5）
weixin_30808693的博客
01-27 562
1. HTML基础规范—整体结构 1.1 文件应以<!doctype html>首行定格开始，这句话告诉浏览器这是一个什么文件，我们推荐使用<!doctype html>。 1.2 必须在head元素内部的meta标签内声明文档的字符编码charset, 如：<meta charset="UTF-8">，这句代码告诉浏览器应该此HTML文件使用的字符集...
html编码规范
weixin_30632883的博客
03-06 358
一直写html，但是从没有遵从过统一编码标准，导致自己编码不标准，更形不成统一风格，最近看了百度商业运营前端组的前端规范，深有体会，他们已经总结的相当到位，大部分都可以直接借鉴，针对个人和项目的不同可以在此基础上扩展，先奉上他们的原文链接，以下均为引用： 1 前言 HTML 作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被...
HTML语言规范
qq_53388087的博客
06-23 622
HTML（超文本标记语言）是用来描述网页的一种语言，超文本即字面意思 1.HTML语言规范 <html> <head> <title>I am a title!</title> </head> <body> Hello World! <h2> <a href="https://www.baidu.com">百度</a.
编写时项目规范
weixin_58139900的博客
10-04 372
- 目录 目录结构参考 HTML 书写规范 文档类型声明及编码： 书写规范： 语义化 HTML： 合理嵌套HTML标签： 保证结构与表现相分离： css 书写规范 编码： 书写代码前 书写代码时 类名命名参考 css 属性书写顺序： 根据项目名称创建项目文件夹。如：u_course - html、css、img、js 文件均归档至项目名称目录中 - HTML 文件、根据页面内容以英文命名，首页或只有一个页面通常命名为index.html - ==文件夹和文件起...
***网Web前端开发规范(初稿)
01-16 201
这几天一直在梳理关于前端方面的开发规范，现在暂时梳理了HTML的开发规范，暂且放置于此！ 规范目的： 使开发流程更加规范化 文件命名规范：(需审批) 1.项目命名 全部采用小写方式， 以下划线分隔。 例：my_project_name 2.目录命名 参照项目命名规则； 有复数结构时，要采用复数命名法。 例：scripts, styles, images, dat...
前端开发HTML规范详解
在HTML规范部分，强调了以下几点： 1. **链接属性**：禁止使用空href或者不写href的`<a>`标签，这可能导致不必要的点击行为或产生兼容性问题。推荐使用`#`来替代，如果不需要链接功能，应避免使用`<a>`标签。 ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值