美文网首页我爱编程
关于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,告诉你我所知道的

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

  • 2017-11-14

    我所倾慕的爱慕的人,我想每天都告诉你我的想法,告诉你我有多喜欢你。

  • 告诉你我知道的农村

    最近看了不少关于农村的帖子,当然都是负面的帖子,忍不住想说几句话:虽然农村很不好,还有很多不尽意,但是,它真的没你...

  • 关于你的故事

    关于你我不知道该从哪说起, 关于你我不知道是爱还是恨, 关于你我不知道你会不会想起我。 关于你我现在很少去想起你,...

  • 夜晚的凌晨,我在想你,想你的笑,想你的那一声嘿嘿

    文|茜棲 亲爱的,你知道吗?我想告诉你我是谁,我想告诉你我是什么样的人,我想告诉你我的生活,我想告诉你我的我生命中...

  • 你我所不知道的

    教室门口的树被风吹得东倒西歪,课堂上老师的声音间间断断。 突然,很想知道,此时此刻,你在干嘛。 也很想告诉你,我在...

  • 打不完的架

    打不完的架 你告诉我你知道的,我告诉你我知道的,然后...

  • 献血不得不知的常识

    关于献血,你我需要知道滴

  • 告诉你我知道的多渠道打包

    多渠道打包有什么用我就不说了,其实还不是上面提出的需求,为了这些需求,那我们也只能依法实现了。下面给大家介绍一下我...

  • 总想为你写首诗

    总想为你写首诗 告诉你我见到的风景 告诉你我喜欢的花儿 可是 我却不知道那些花儿的名字 我只知道它们的美丽 一如我...

网友评论

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

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