美文网首页我爱编程
完成课程任务4,关于HTML相关问题

完成课程任务4,关于HTML相关问题

作者: 虚玩玩TT | 来源:发表于2017-03-31 19:23 被阅读0次

    HTML,XML,XHTML有什么区别

    HTML,HyperText Markup Language,超文本标记语言。
    XML,Extensible Markup Language,可扩展标记语言。
    XHTML,Extensible HyperText Markup Language,可扩展超文本标记语言

    虽然HTML在前,但XML的出现不是对HTML的替代,而是根据HTML,补充修改规范一些语法,以达到设计目的:XML被设计用来传输和存储数据,关注数据的内容;HTML被设计用来显示数据,关注数据的外观。

    XHTML是HTML的继承者,XHTML的出现就是想要取代HTML,因为HTML语法要求比较松散,对于计器处理起来就比较困难,需要兼容更多的东西,所以出现了语法更加严格的XHTML。

    怎样理解HTML语义化

    语义化HTML是一种编写HTML的方式,就是选择合适的标签(例如<h></h>就是标题,这个标签赋予了语义),使用合适的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好的解析。

    怎样理解内容和样式分离原则

    样式有CSS控制,在HTML中不写样式,主要关注对内容结构的展现,使得内容更好的被浏览器的爬虫和机器解析。当我们要修改样式的时候,只需要修改CSS文件,而不需要在html的一行行代码中修改。内容样式分离写,还可以让我们的代码清晰,便于阅读。

    有哪些常见的meta标签

    可分为两大部分,http-equiv和name这两个变量

    • <meta charset="utf-8"> charset 用于对html编码的定义。例如:utf-8;gbk;
    • <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 用于文档兼容模式的定义,edge即告诉IE用当前支持的最高级标准模式渲染,而chrome=1,表示使用chrome frame渲染。
    • <meta name="keywords" content="关键词"> 描述网页的属性,关键词形式
    • <meta name="description" content="详细描述"> 描述网页属性,详细的描述,可以是一段话
    • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 定义网页窗口的大小,特别是在手机端,使用viewport,使得网页中的内容不至于太小。

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

    文档声明的作用是为了让浏览器选择呈现模式。

    严格模式,Standards (标准)模式,呈现遵循最新标准的网页
    混杂模式,Quirks (包容)模式,呈现以前未按统一标准编写的网页

    <!DOCTYPE html>这个声明告诉浏览器,这是一个遵循HTML5标而写的网页,让浏览器选择严格模式。

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

    浏览器设置的网页编码与html中定义的编码不同,会造成乱码。解决:查看网页源代码,设置与之相同的编码。

    html源代码中出现的文字不是源代码中定义的编码类型,这时会造成乱码。解决:修改源代码中的编码类型,使文字能正常显示。

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

    常见的浏览器及其内核:

    • chrome,safari,其内核是WebKit;
    • IE,其内核是Trident;
    • firefox,其内核是Gecko;
    • Opera,其内核是Presto;

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

    - <h1>用于标题,有h1~h6,6个等级的标题</h1>
    
    - <p>表示一个段落</p>
    
    - <a href="链接" target="打开方式(_blank,即在新窗口打开)" title="链接说明">显示链接的文字</a>
    
    - ![](图片的URL)
    
    - <div id="标记这个‘块’">分割文档形成独立的一个部分,可以应用id或是class属性</div>
    
    - <ul>
    
        <li>表示无序列表</li>
        <li>表示并列的内容</li>
        <li>可以嵌套</li>
      </ul>
    
    - <ol>
    
        <li>表示有序列表</li>
        <li>显示为带编号的内容</li>
        <li>可以嵌套</li>
      </ol>
    
    - <dl>
    
        <dt>用于展示标题和内容,这里写标题</dt>
        <dd>标题下的内容</dd>
        <dd>标题下的内容格式表现为缩进,</dd>
      </dl>
    
    - <button>按钮,这里是显示按钮的文字;在标签内部可以放置内容</button>
    
    - <p>对一段文字表示<em>强调</em>,或是更加<strong>强烈的强调</strong>,或者只是想要<span>标记出来</span></p>
    
    - <iframe src="链接" name="属性">创建包含另外一个文档的内联框架,这里可以写出说明的文字</iframe>
    <p><a href="目标链接" target="name">显示链接的文字</a></p>当使用一个链接target到<iframe>时,会在iframe创建的框架里显示目标链接的内容
    
    - <table>
        <tr>
          <th>tr表示一行</th>
          <th>th表示表头,也表示列,这里输入内容</th>
        </tr>
        <tr>
          <td>再写一个tr,表示这里是第二行,这里是第二行,第一列</td>
          <td>td表示列,这里是第二行,第二列</td>
        </tr>
      </table>

    相关文章

      网友评论

        本文标题:完成课程任务4,关于HTML相关问题

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