美文网首页我爱编程
关于HTML,告诉你我所知道的

关于HTML,告诉你我所知道的

作者: 白柏更好 | 来源:发表于2017-07-12 20:32 被阅读0次

    在前端的路上,我还是一名小白,希望通过自己的学习,总结出对自己有用对别人也有参考意义的博文,路遥人坚。望大家多多指正,多交流。

    HTML、XML、XHTML之间的区别

    • HTML(HyperText Markup Language,超文本编标识语言)HTML是基于标准通用标记语言(SGML)的应用,在语法上较为松散,是不严格的Web语言;
    • XML (eXtensible Markup Language,可拓展标识语言)主要用于存储数据和结构;XML被广泛用来作为跨平台之间交互数据的形式,主要针对数据的内容,而HTML则用来表现数据;
    • XHTML ( eXtensible HyperText Markup Language,可拓展超文本标识语言)基于XML,在表现方式上与HTML类似,但是语法上更为严格 ;

    HTML的语义化

    合理的利用标签使得页面的内容结构化,便于开发者阅读,对于浏览器和搜索引擎更加友好,便于解析。非结构化页面使得建立内容索引非常困难;缺乏结构性会使可访问性降低[参考]

    内容与样式分离

    内容与样式,即将一个WEB页面的内容与样式分离开来,原则上不推荐使用内联样式的,而应将网页页面的CSS样式写在HTML文档之外。这样做的好处是

    • 使得页面更加结构化,将页面的内容包含在某种结构标记中,易于建立内容索引。
    • 更加便于维护,减少程序员的工作量。
    • 在加载页面时,网页内容加载速度加快。
    • 对于不同的用户代理,内容与样式分离更好的达到显示效果的统一。

    常见的meta标签

    meta标签提供HTML文档的元数据,用于告诉浏览器如何显示内容和进行引擎优化

    • 网页方面
    • 申明网页编码
    • 优先使用IE最新版本和chrome
    • 浏览器内核控制(控制浏览器选择内核渲染)
    • 禁止浏览器从本地计算机的缓存中访问页面内容
    • 站点适配
    • 避免百度转码申明
    • SEO优化
    • 页面关键词(描述网页内容的关键字,不要太长长也别太短)
    • 页面描述
      每个页面都应该有一个不超过150字符的页面描述
    • 设置搜索引擎引用方式
    图片.png

    文档声明的作用?严格模式和混杂模式指什么?<!doctype html>的作用?

    • 文档声明的作用
      DOCTYPE是用来声明文档类型和DTD规范的,对文件进行合法性验证。
      DTD是一系列的语法规则,用来定义XML或(X)HTML的文件类型。从而使浏览器判断文档类型进而选择协议进行解析并切换浏览器模式。
    • 浏览器模式
    • 标准模式(standards mode):浏览器通过标准规约来渲染页面。
    • 混杂模式 (quirks mode):浏览器采用更加宽松的、向后兼容的方式来渲染页面。(又称兼容模式、怪异模式)。
    • <! doctype html>
      <! doctype >不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行的编写指令,由于HTML5不基于SGML,所以不需要引用DTD。而<! doctype html>则声明了页面是HTML5。
      [参考]

    浏览器乱码的原因是什么?如何解决

    大多所熟悉的编码方式有:ASCII 、ISOLatin-1 、UNICODE (UTF-8 、GBK)

    • 浏览器所展现的页面乱码原因:所编写的HTML文件与浏览器解析该HTML文件所使用的解码不一致所造成的。乱码一般都是英文以外的字符才会出现。
    • 解决方法:在编写HTML页面是在<head>中的<meta charset=" ">中声明编码方式。

    常见的浏览器有哪些,什么内核

    图片.png 图片.png 图片.png 图片.png 图片.png
    [参考]

    常见的标签

    图片.png

    相关文章

      网友评论

        本文标题:关于HTML,告诉你我所知道的

        本文链接:https://www.haomeiwen.com/subject/ymlbhxtx.html