《Html代码如何书写规范》由会员分享，可在线阅读，更多相关《Html代码如何书写规范（10页珍藏版）》请在装配图网上搜索。
1、Html代码如何书写规范 三佳专注-网页设计培训、平面设计培训、网站建设 Html代码如何书写规范 最近有朋友咨询到小编说，html代码如何书写规范呢？对此，小编整理了有关资料，现在为大家列举一些范例，看看到底该怎么书写html代码呢。 通用约定 标签 自闭合标签，无需闭合 ( 例如： img input br hr 等 )； 可选的闭合标签，需闭合 ( 例如： 或 )； 尽量减少标签数量； XML/HTML Code复制内容到剪贴板 Style Guide 三佳专注-网页设计培训、平面设计培训、网站建设 Class 与 ID class 应以功能或内容命名，不以表现形式命名； class 与
2、 id 单词字母小写，多个单词组成时，采用中划线-分隔； 使用唯一的 id 作为 Javascript hook，同时避免创建无样式信息的 class； XML/HTML Code复制内容到剪贴板 属性顺序 HTML 属性应该按照特定的顺序出现以保证易读性。 id class name data-xxx src, for, type, href title, alt aria-xxx, role XML/HTML Code复制内容到剪贴板 三佳专注-网页设计培训、平面设计培训、网站建设 引号 属性的定义，统一使用双引号。 XML/HTML Code复制内容到剪贴板 Google Google
3、b嵌套 a 不允许嵌套 div 这种约束属于语义嵌套约束，与之区别的约束还有严格嵌套约束，比如 a 不允许嵌套 a。 严格嵌套约束在所有的浏览器下都不被允许；而语义嵌套约束，浏览器大多会容错处理，生成的文档树可能相互不太一样。 语义嵌套约束 用于 或 下； ， 用于 下； ， 用于下； 严格嵌套约束 inline-Level 元素，仅可以包含文本或其它 inline-Level 元素； 里不可以嵌套交互式元素 、等； 里不可以嵌套块级元素、/、/、等。 布尔值属性 HTML5 规范中 disabled、checked、selected 等属性不用设置值。 XML/HTML Code复制内容到剪
4、贴板 三佳专注-网页设计培训、平面设计培训、网站建设 1 语义化 没有 CSS 的 HTML 是一个语义系统而不是 UI 系统。 通常情况下，每个标签都是有语义的，所谓语义就是你的衣服分为外套， 裤子，裙子，内裤等，各自有对应的功能和含义。所以你总不能把内裤套在脖子上吧。- 一丝 此外语义化的 HTML 结构，有助于机器理解，另一方面多人协作时，能迅速了解开发者意图。 常见标签语义 标签 code abbr 示例 语义 段落 无序列表 有序列表 大段引用 一般引用 为样式加粗而加粗 为强调内容而加粗 为样式倾斜而倾斜 为强调内容而倾斜 代码标识 缩写 . 标题 三佳专注-网页设计培训、平面设计
5、培训、网站建设 将你构建的页面当作一本书，将标签的语义对应的其功能和含义； 书的名称： 书的每个章节标题: 章节内的文章标题: 小标题 / 副标题: 章节的段落: HEAD 文档类型 为每个 HTML 页面的第一行添加标准模式的声明，XML/HTML Code复制内容到剪贴板 语言属性 这样能够确保在每个浏览器中拥有一致的表现。 三佳专注-网页设计培训、平面设计培训、网站建设 字符编码 以无 BOM 的 utf-8 编码作为文件格式； 指定字符编码的 meta 必须是 head 的第一个直接子元素 XML/HTML Code复制内容到剪贴板 . . IE 兼容模式 优先使用最新版本的 IE 和
6、 Chrome 内核。 XML/HTML Code复制内容到剪贴板 SEO 优化 XML/HTML Code复制内容到剪贴板 Style Guide 三佳专注-网页设计培训、平面设计培训、网站建设 viewport viewport: 一般指的是浏览器窗口内容区的大小，不包含工具条、width: 浏览器宽度，输出设备中的页面可见device-width: 设备分辨率宽度，输出设备的屏幕initial-scale: 初始缩放比maximum-scale: 最大缩放比为移动端设备优化，设置可见区域的宽度和初始缩放比例。 XML/HTML Code复制内容到剪贴板 iOS 图标 apple-touc
7、h-icon 图片自动处理成圆角和高光apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图； XML/HTML Code复制内容到剪贴板 favicon 选项卡等区域宽可见宽例例等效容； 度； 度； ； ； 果； 内 三佳专注-网页设计培训、平面设计培训、网站建设 ； 在未指定 favicon 时，大多数浏览器会请求 Web Server 根目录下的 favicon.ico。为了保证 favicon 可访问，避免 404，必须遵循以下两种方法之一： 在 Web Server 根目录放置 favicon.ico 文件使用 link 指定 favicon； XML/HTML Code复制内容到剪贴板 HEAD 模板 XML/HTML Code复制内容到剪贴板 Style Guide HTML 注释 模块注释 三佳专注-网页设计培训、平面设计培训、网站建设 XML/HTML Code复制内容到剪贴板 . 区块注释 down menu.
Html代码如何书写规范
