HTML知识点

一、HTML、XML、XHTML 有什么区别

  1. html即是超文本标记语言(Hyper Text Markup Language),是最早写网页的语言,但是由于时间早,规范不是很好,大小写混写且编码不规范;
  2. xhtml即是升级版的html(Extensible Hyper Text Markup Language),对html进行了规范,编码更加严谨纯洁,也是一种过渡语言,html向xml过渡的语言;
  3. xml即时可扩展标记语言(Extensible Markup Language),是一种跨平台语言,编码更自由,可以自由创建标签。
  4. 网页编码从html>>xhtml>>xml这个过程发展。

html与xhtml之间的区别:

可以参考这个网页:http://www.dreamdu.com/xhtml/html_xhtml/
1、xhtml对比与html,xhtml文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;
2、对于html的元素和属性,xhtml必须小写,因为xml是严格区分大小写的,

  • 是不同的标签;
    3、 xhtml的属性值必须在引号之中;
    4、xhtml不支持属性最小化,什么是属性最小化了?  正确:非最小化属性(unminimized attributes)    不正确:最小化属性(minimized attributes)  
    5、在xhtml中,name属性是不赞成使用的,在以后的版本中将被删除。

    再说说为什么网页编码要从html>>xhtml>>xml这么发展?

    话说早起的网页使用html语言编写的,但是它拥有三个严重的缺点:
    1、编码不规范,结构混乱臃肿,需要智能的终端才能很好的显示;
    2、表现和结构混乱,不利于开发和维护;
    3、不能使用更多的网络设备,比如手机、PDA等;
    因此HTML需要发展才能解决这个问题,于是W3C又制定了XHTML,XHTML是HTML向XML 过度的一个桥梁。而xml是web发展的趋势。

    二、怎样理解 HTML 语义化

    语义化的含义就是用正确的标签做正确的事情,html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

    三、怎样理解内容与样式分离的原则

    1)网页分离
    一个网页分为三个部分:Html——结构,css——表现,javascrip——行为。内容也就是html,样式也就是css。所以内容和样式的分离,就是指在网页编码的过程中,要将html和css两大部分分开。
    2)如何实现
    内容与样式分离的原则的实现,一个是要依靠意识,另一个是依靠经验。
    举例而言,面对一个分块明显的网页设计图时:
    -初级的开发人员思路及制作方法:div 层层嵌套;
    -中级的开发人员思路及制造方法:去掉多余的 div ,进行简化;
    -高级的开发人员思路及制造方法:最大化的简化 html 的结构,然后用 css 进行设置,减少 html 与 css 的契合度。

    正确做法是写HTML的时候先不管样式,重点放在HTML的结构和语义化上,让HTML能提现页面结构或者内容,,然后进行 css 样式设置,减少 HTML 与 CSS 契合度(即内容与样式分离) ,写JS的时候,尽量不要用JS去直接操作样式,而是通过给元素添加删除class来控制样式变化(即行为分离)。

    3)分离原则的优点
    -浏览器加载网页页面速度变快。分离原则下,大部分页面代码写在了CSS当中,页面体积容量变得更小。
    -网页修改设计时,效率、省时。根据html标签内ID或class的标记,到CSS里找到相应的ID或class,可以快速替换指定位置的样式,不会破坏页面架构和其他部分的样式。
    -典型的应用就是网页换肤,使用相同的 html 结构,不同的 css 样式。
    -更好地被搜索引擎收录。基于内容与样式分离的原则,html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
    -css样式的分离,它可以根据不同的浏览器,达到显示效果的统一。保证网页架构不变形的前提下,放心在不同浏览器渲染显示样式。
    转自[饥人谷_huangyh_max]

    四、有哪些常见的meta标签

    ** 标签永远位于 head 元素内部;标签有两个属性name和http-equiv。**
    1、指定字符集:


    2、向搜索引擎说明你的网页的关键字:


    3、告诉搜索引擎你的站点的主要内容:


    4、告诉搜索引擎你的站点的制作的作者:


    5、定时让网页在指定的时间n内跳转


    6、勇于设定网页的到期时间,一旦过期则必须到服务器上重新调用,需要注意的是必须使用GMT时间格式:


    7、禁用缓存:


    8、cookie设定,如果网页过期,存盘的cookie将会被删除,需要注意的是也必须使用GMT时间格式:

    五、文档声明的作用?严格模式和混杂模式指什么? 的作用?

    ** 文档声明的作用**
    文档声明是为了告诉浏览器,你的 HTML 文档是用的什么版本的 HTML 来写的,这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。
    严格模式和混杂模式指什么

    • 严格模式(推荐)现在也称为标准模式,在该模式下,浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。

    • 混杂模式(不推荐)的由来是一个历史问题。在互联网早期,网页一般写成两个版本:一个写给网景公司的 Navigator浏览器,一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后,这两个浏览器不能马上开始按标准来解析渲染页面,因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式,在该模式下,浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面,这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。
      的作用
      的作用就是让浏览器进入标准模式,使用最新的 HTML5标准来解析渲染页面;如果不写,浏览器就会进入混杂模式,而这是我们要避免的。

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

    原因是因为在编写代码的时候,你没有选择编码,即浏览器应该用什么字符集来解析你上面的文字,那浏览器不知道,他就只能猜,如果你保存的你的HTML编码为utf-8,而浏览器选择了gbk来解析,那就出现了乱码。
    所以要解决的话,就需要在我们写代码的时候写上告诉浏览器,你不用猜了,用这个来解析就对了。

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

    chrome、Safari、360极速浏览器以及搜狗浏览器高速模式使用WebKit内核
    IE、猎豹、360、搜狗、傲游、世界之窗、Avant、腾讯TT使用Trident内核,又称为IE内核。
    Firefox、Netscape6至9使用Gecko内核。
    Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器中使用Blink内核。

    列出常见的标签,并简单介绍这些标签用在什么场景

    ..
    标签 使用场景
    ... 定义了文档的开始点和结束点
    .. 定义文档的头部,其中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等
    .. 定义文档标题
    .. 提供有关页面的元信息
    .. 定义文档的主体,包含文档的所有内容
    a..../a 定义超链接
    图片

    -

    定义标题

    ..

    段落
      ..
    定义无序列表
      ..
    定义有序列表
  • ...
  • 定义列表项目
    ..
    定义文档中的分区或节
    ... 强调
    .. 语气更强的强调
    .. 定义文档中的一小节
    ..
    定义表格
    定义表格中的行

    创建一条水平线
  • 你可能感兴趣的:(HTML知识点)