美文网首页
初识HTML

初识HTML

作者: IsGirl | 来源:发表于2017-07-12 23:25 被阅读0次

    HTML、XML、XHTML 有什么区别

    一、HTML

    HTML是目前web上制作超文本文件的通用格式,需要讲一下预备知识,在浏览器的搜索栏里输入我们的URL(统一资源定位符,eg:http://www.baidu.com ),目的是为了访问这个目标网页,输入URL回车就是向服务器请求我们的目标网页,该网页在就是一个超文本文件,它的格式就是HTML。也就是说HTML是为创建网页而设计的一种标签语言。目的在于显示数据。

    特点:
    1 不区分大小写
    2 标记不是所有的都成对出现eg:<img>属于自闭合标签
    3 有预定义标签

    二、XHTML

    XHTML可扩展超文本标记语言,表现方式与超文本标记语言HTML类似,不过语法上更加严格。eg:以前我们可以这样写<p><b></p></b>,但是XHTML必须<p><b></b></p>。XHTML是在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

    三、XML

    可扩展标记语言,一种类似于HTML的标记语言。设计的意图是用来传输数据的。

    特点:
    1 区分大小写
    2 任何的起始标签都必须有一个结束标签
    3 可以采用另一种简化语法,可以在一个标签中同时表示起始和结束标签。这种语法是在大于符号之前紧跟一个斜线(/).eg:<xmltest/>
    4 所有的特性都必须在值的周围加上双引号。
    5 所有的特性都必须有值。

    怎样理解 HTML 语义化

    • 什么是语义化
      语义化是指机器在需要更少的人类干预的情况下能够研究和收集信息,是标签和属性都能直观的被理解。

    • 语义化的目的
      1 便于搜索引擎的抓取
      2 便于机器和人理解

    • 怎么语义化、
      1尽可能少的使用无语义的标签div和span;
      2 在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;
      3 不要使用纯样式标签,如:b、font、u等,改用css设置。
      4 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体(不用i);
      5 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头用th,单元格用td;
      6 表单域要用fieldset标签包起来,并用legend标签说明表单的用途;
      7 每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

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

    所谓的内容与样式的分离值得是HTML和CSS,HTML决定了网页的内容,而CSS决定了网页的样式,那么分离的意义在于同封装的意义类似,可以提高代码的复用性,避免牵一发而动全身,也就是提一个小需求就要牵扯到整个框架结构。

    有哪些常见的meta标签

    • <meta name="keywords" content=""> //向搜索引擎说明你的网页的关键词
    • <meta name="description" content=""> //告诉搜索引擎你的站点的主要内容
    • <meta name="author" content="你的姓名"> //告诉搜索引擎你的站点的制作的作者
    • <meta http-equiv="Content-Type" content="text/html";charset=utf-8"> //指定字符集
    • <meta http-equiv="refresh" content="n;url="> //定时让网页在指定的时间n内跳转 到url指定网页
    • <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
    • <meta http-equiv="pragma" content="no-cache"> //禁用缓存
    • <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式

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

    <!DOCTYPE html>的作用是告诉浏览器以何种模式解析代码。

    • 严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
      在现有有doctype声明的网页,绝大多数是采用strict mode进行解析渲染。

    • 混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。以下三种情况下使用该模式
      a. 当网页上没有doctype声明的;
      b. 当网页上的doctype解析出错的;
      c. 在doctype声明中,没有使用DTD声明或者使用HTML4以下(不包括HTML4)的DTD声明的。

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

    浏览器的解码方式和网页的编码方式不同,
    在HTML文档的<head>标签内加入 <meta charcet="编码 ">告诉浏览器用什么 编码。

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

    浏览器 内核
    Internet Explore IE内核
    Opear Presto
    Firefox Gecko
    Safari&Chromr Webkit
    国内大部分浏览器 IE内核

    相关文章

      网友评论

          本文标题:初识HTML

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