美文网首页
HTML相关

HTML相关

作者: gigi1226 | 来源:发表于2017-10-29 19:56 被阅读0次

HTML、XML、XHTML有什么区别

HTML超文本标记语言,用来描述网页。语法要求较为松散。
XML可扩展标记语言,可自定义,通常用来传送及携带数据
XHTML是根据HTML 4 和 XML 1.0重组而成。改进了HTML定义不规范,结构不严谨的缺点。它的语法更加严格,相对HTML的兼容性也不差。

HTML 语义化

HTML标签就带有一定的语义化成分。编写代码时明显区分,标题是标题,段落是段落。将内容结构化,使代码变得更加易读,易维护;同时机器和爬虫更加容易解析。

内容与样式分离的原则

在前端中,Html指的是结构;CSS指的是样式;JavaScript指的是行为。

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

常见的meta标签

声明文档使用的字符编码
<meta charset='utf-8' />

声明文档兼容模式,指示IE以目前可用的最高模式显示内容

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 关于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->

定义针对搜索引擎的关键词

<meta name="keywords" content="your tags">

5秒刷新一次页面

<meta http-equiv="refresh" content="5"/>

禁用缓存

<meta http-equiv="pragma" content="no-cache">

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

  • 文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范。
    是用来声明当前文档为html5的方法
  • 严格模式是指按照浏览器所支持的最高版本来实现效果;
  • 混杂模式则相反,尽可能向后兼容。使用老版本浏览器的显示模式。

浏览器乱码的原因以及解决方法

原因:一般是文档没有声明自身编码导致浏览器错误的使用了与文档不同的解码方式从而导致内容无法正常显示
解决:如果浏览器浏览时候出现网页乱码,在浏览器中找到转换编码的菜单调整。IE9浏览器:在需要转码的网页空白出右键鼠标,选择“编码”。谷歌浏览器:在需要转码的网页时,点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码

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

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

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

标签 使用场景
<html>...</html> 定义了文档的开始点和结束点
<a>..</a> 定义超链接
<img> 图片
<meta>..</meta> 提供有关页面的元信息
<tr>..</tr> 定义表格中的行
<h1>-<h6> 定义标题

相关文章

  • html相关

    18.4.12 标签,如果没有指定type属性,或者type="",则页面回车会自动触发第一个没有type的 好奇...

  • Html相关

    HTML,XML与XHTML HTML(Hypertext Marked Language)超文本标记语言,它的简...

  • HTML相关

    HTML、XML、XHTML有什么区别 HTML超文本标记语言,用来描述网页。语法要求较为松散。XML可扩展标记语...

  • HTML相关

    HTML, XML, XHTML的区别 HTML 指的是超文本标记语言 (Hyper Text Markup La...

  • html相关

    HTML,XML,XHTML HTML是一种超文本标记语言,语法不严格,比如标签大小写,标签不闭合等 XML是一种...

  • HTML相关

    1.如何理解HTML语义化 举例法:HTML语义化就是使用正确的标签。段落用 ,标题用 ,文章用 ,视频用 阐述法...

  • 前端问题记录总结

    1.Html相关 2.Css相关 3.Vue相关 Html相关 html语义化 根据内容的结构化(内容语义化),选...

  • html相关知识!!!

    现在html已经升级到html5了,html4与html5有很多相同的地方,也有很多不同的地方,今天小编想为大家整...

  • HTML——相关概念

    1.HTML文档(网页) HTML文档又称为网页。 2.Web浏览器 用于读取HTML文件,并且将其作为网页显示 ...

  • HTML 相关知识

    1.table布局 cellpadding:单元格与内容的填充距离cellspacing:单元格之间的距离cols...

网友评论

      本文标题:HTML相关

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