PPC的C/C++和人工智能学习笔记
每一篇学习笔记,都只是为了更好地掌握和理解

Web前端(1)_HTML(1)

因为想修改一下网站的样子,准备学一下WEB前端。

 

WEB前端包含三大内容:HTML,CSS,JavaScript。

 

HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它是一种制作万维网页面标准语言(标记),相当于定义统一的一套规则,大家都来遵循它,这样就可以让浏览器根据标记语言的规则去解释它。

浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户。

 

HTML文件的主要结构:

HTML文件的最前面,一般都这样写:<!DOCTYPE html>,意思是定义HTML文档的类型,有很多这样的定义,各种型号的浏览器的支持度也不同,一般情况下我们推荐写<!DOCTYPE html>。

接下来就是<html><head></head><body></body></html>,这样的格式。大小写不敏感,建议用小写,而且在写html文件的时候做好缩进。

 

注释的写法:

<!– 注释内容 –> 浏览器不解释这些注释,但是在网页源文件中可以看到。

 

<HEAD></HEAD>标签里的内容:

Meta(metadata information):提供有关页面的元信息,比如页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词。

页面编码:

<meta http-equiv=”content-type” content=”text/html;charset=utf-8″>

<meta charset=”UTF-8″> 缩写

刷新和跳转:

<meta http-equiv=”Refresh” content=”30″>

<meta http-equiv=”Refresh” content=”5;Url=http://www.vsppc.com”>

关键词:

<meta name=”KeyWords” content=”C语言,C++语言,WEB前端”>

描述:

<meta name=”description” content=”C语言学习笔记”>

X-UA-Compatiable:

使网页兼容IE6。IE6开发的时候是微软自己的标准,IE7则采用了部分W3C的标准和微软自己的标准,IE8则全部采用了W3C的标准,所以早期在IE6中用得很好的网页在IE8里面可能会出现问题,可以加上这个来兼容。

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″> 意思是按照IE7的标准来渲染这个HTML文档。

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”> Edge模式告诉 IE以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。

使用以下代码强制 IE 使用 Chrome Frame 渲染:<meta http-equiv=”X-UA-Compatible” content=”chrome=1″>,提示 IE 用户安装 Google Frame。

Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。

<script src=”http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js”></script><script>CFInstall.check();</script>

最佳的兼容模式方案,结合考虑以上两种:<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>

(IE10、IE11开始使用Google浏览器的内核了。)

 

标题:

<title>标题</title>,显示在浏览器的标题栏。

在标题栏中显示小图标:

<link rel=”icon” href=”xxx.ico” type=”image/x-icon”> 后面的type也可以不加。这样,xxx.ico这个小图标就会显示在标题的最前面。

 

在head里面,还可以加css文件或css代码块,还可以加js文件或js代码块。

(2017-05-02 www.vsppc.com)

学习笔记未经允许不得转载:PPC的C/C++和人工智能学习笔记 » Web前端(1)_HTML(1)

分享到:更多 ()

评论 72

评论前必须登录!