html5注意事项

版权声明:本文为博主原创文章,未经博主允许不得转载。

html5可以说是负责网站的骨架 很基础也很重要 那么有哪些需要注意的点呢 

  1 html文件后缀 :.html .htm --》系统的原因当初要求三个后缀现在发展可以用各种不同长度的后缀 如果html网页文件的后缀是.htm,那么在其中就不能够完整的使用html5技术。

  2 HTML不区分大小写 。XHTML --》 到了html5的年代重新把严格版的html和普通版的html合二为一。在html5文档里面必须全部小写。大写标签不严谨的讲是没有问题的。在html5中有很多的api(接口)如果标签大写,就不能够使用。

  3 了解流行html5原因-----浏览器内核: 

    狭义的角度讲:是html的第五代产品。
    广义的角度讲:新一代的富客户端解决方案。 WHATWG
    html5之前的html,只是用来制定网页结构的。但是到了html5的时候,并不能够做网页还能够做很多的事。
    flash 孤芳自赏 逐渐被html5代替
    手机浏览器 :手机浏览器版本非常高,可以非常好的支持html5技术。

    浏览器内核 : 目前市面上最屌的浏览器:谷歌浏览器 -->webkit内核 苹果公司开发的内核。
    目前市面上主流手机里面的浏览器采用的内核都是webkit内核。
    双核结构:IE的内核 webkit内核 。

  4 代码格式规范tab的使用

    把网页的主体结构记住

    代码格式问题:
    任何的空格和回车在代码中不起作用。 空白折叠现象

    tab键的问题:
    在一些编辑器中,默认一个tab键等同于四个空格,但是也同样存在一些编辑器,一个tab键并不等于四个空格

  5 颜色的使用

    可以使用英文单词 red blue pink green black purple....
    十六进制 #ffffff #cccccc
    RGB(255,255,255,0.3)

    三种方式可以转换颜色的对应值计算器,吸管工具,ps等等

  

  6 html注释 :

    <!-- 注释 -->注释在很时候到可以帮助快速记忆代码是干什么的,有什么用。合作项目时也很有用。

    注意:错误的写法 <!--<!-- 错误的写法-->-->  <!- 内容- -->

  7 实体字符的使用:

    为什么要使用实体字符?
    因为一些特殊的字符在某些编程语言中是具有特殊意义的。
    &lt;<?php
      php代码
    ?>
      把一些常用的记下来就好 不会的其他特殊字符可以百度

总结:

  1 html后缀统一 .html

  2 html除了声明<!DOCTYPE html>全部小写

  3 浏览器内核手机很支持html5 但是电脑内核不尽相同,各个版本各种浏览器不同,pc写代码时注意兼容

  4 代码格式必须规范 这是一个好的程序员必须做到的 要养成一个好的缩进习惯

  5 颜色的使用,#ffffff 十六进制时加#,兼容低版本浏览器

  6 好的注释习惯

  7 实体字符的使用

  总体来说html的标签很多但是常用的就那么几个,并且现在样式的使用导致很多标签混用,这里要注意 语义---->html核心,标签并不是盒子,哪怕在css中会清除原本属性重新定义,但是对应的实际作用还是要对应相应的标签,做到规范化。

标签:语义---->html核心

原文地址:https://www.cnblogs.com/yuhudashen/p/7230377.html