美文网首页我爱编程
初识HTML—相关知识点

初识HTML—相关知识点

作者: datagirl | 来源:发表于2017-02-15 23:15 被阅读0次

    <small>HTML、XML、XHTML 有什么区别</small>

    HTML是超文本标记语言,是语法较为松散的,不严格的WEB 语言;
    XML,可扩展标记语言,主要用于存储数据和结构;
    XTHML,可扩展超文本标记语言,基于XML,作用于HTML类似,但语法更严格。

    <small>怎样理解 HTML 语义化</small>

    语义化HTML是一种编写HTML的方式
    选择和合适的标签,使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析

    <small>怎样理解内容与样式分离的原则</small>

    在前端中,Html指的是结构;CSS指的是样式;JavaScript指的是行为。
    写HTML的时候先不管样式,重点放在HTML的结构和语义化,让HTML能体现页面结构或者内容。
    之后再去写样式。
    写JS的时候,尽量不要用JS去直接操作样式,而是通过给元素添加删除CLASS来控制样式变化。
    HTML内不允许出现属性样式,尽量不要出现行内样式。

    <small>有哪些常见的meta标签 </small>

    标签 属性
    <mata charset="utf-8"> 声明文档使用的字符编码
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> 声明文档兼容模式,指示IE以目前可用的最高模式显示内容
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> 声明文档兼容模式,指示IE以目前可用的最高模式显示内容
    <meta name="keywords" content="your tags"> 定义针对搜索引擎的关键词
    <meta name="description" content="不超过850个字符"> 页面描述,告诉搜索引擎你的站点的主要内容

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

    <!DICTYPE>声明位于文档中的最前面,处于<html>标签之前,告诉浏览器的解析器,用什么文档类型来规范解析这个文档。
    严格模式的排版和js运作模式是以该浏览器支持的最高标准运行
    在混杂模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作
    DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现

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

    设置<meta charset>标签声明文档使用的字符编码
    设置正确的字符编码
    设置浏览器显示正确的编码
    如果浏览器浏览时候出现网页乱码,在浏览器中找到转换编码的菜单调整。IE9浏览器:在需要转码的网页空白出右键鼠标,选择“编码”。傲游浏览器:在需要转码的网页时,菜单“查看”-->“编码”即可选择转换编码谷歌浏览器:在需要转码的网页时,点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码

    <small>常见的浏览器有哪些,什么内核</small>

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

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

    标签 场景
    head标签 head标签是页面的“头部”, 一般来说,只有6个标签能放在<head>标签内:<title>、<meta>、<link>、<style>、<script>、<base>
    body标签 body标签是页面的“身体”
    h1~h6标签 设置不同的标题
    p标签 使用p标签来标记一段文字

    标签
    换行
    <div>标签 主要用来为HTML文档内大块的内容提供结构和背景
    ul标签 无序列表
    ol标签 有序列表
    <form>标签 设置一个表单
    <img>标签 <img>标签

    相关文章

      网友评论

        本文标题:初识HTML—相关知识点

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