一个基本的web页面基本构成,如下:

<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content=""><meta name="author" content="">
     <base href="http://localhost:8080/">        <base target="_blank"><script type="text/javascript" src="js/loadWelcome.js"></script><script type="text/javascript">window.onload = getWelcome;</script><!-- Le styles --><link rel="stylesheet" href="css/bootstrap.css"><link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css"/><link rel="stylesheet" href="css/style.css" type="text/css"/><style type="text/css">body {padding-top: 60px;padding-bottom: 40px;}</style><title>Project Easel Demo</title></head><body></body>
<html>

用程序员的话来讲,<html><head>可以说是此WEB页面的全局变量,此处定义的标签对于整个页面有效,以下是我对head的子标签理解:

  1. <base>:定义基础的路径,此web页面之后的所有链接都可以写成基于此路径的相对路径;
  2. <link>:无它,对css库文件的链接
  3. <style>:对于body中标签的样式定义,即此处定义后,body中的标签会变成统一的风格;
  4. <title>:文档的标题,浏览器tab标签页上的文字,强烈推荐要写;

嗯,今天到此为止。

转载于:https://www.cnblogs.com/yihome/p/restoreWebDevelop_2.html

重温WEB开发系列(二)HTML HEAD相关推荐

  1. go语言web开发系列之五:gin用zap+file-rotatelogs实现日志记录及按日期切分日志

    一,安装需要用到的库: 1,安装zap日志库: liuhongdi@ku:/data/liuhongdi/zaplog$ go get -u go.uber.org/zap 2,安装go-file-r ...

  2. android 原生开发 3d地图 下载_arcgis api 3.x for js 入门开发系列二不同地图服务展示(附源码下载)...

    前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...

  3. 基于WebMatrix的轻量级Web开发系列课程

    基于WebMatrix的轻量级Web开发系列课程(10): WebMatrix与ASP.NET MVC WebMatrix除了提供了默认的编程模型以外,也对ASP.NET MVC做出了很好的支持,但是 ...

  4. 短信开发系列(二):GSM手机短信开发之短信解码

    短信开发系列目录: 短信开发系列(一):GSM手机短信开发初探 短信开发系列(二):GSM手机短信开发之短信解码 短信开发系列(三):短信接收引擎 昨天写了短信的发送,今天我们在来谈谈如果读取SIM卡 ...

  5. Web开发系列 - FusionCharts

    去年有好几个项目需要用到图表显示, 原打算使用JFreeChart的, 但感觉其在外观展示与交互性方面都不如一些Flash Chart来得酷, 在网上搜索相关资料时候发现很多人推荐FusionChar ...

  6. 微信小程序开发系列二:微信小程序的视图设计

    大家如果跟着我第一篇文章 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 一起动手,那么微信小程序的开发环境一定搭好了.效果就是能把该小程序的体验版以二维码的方式发送给其他朋友使用. 这个系列 ...

  7. ionic云开发系列二之调用webservice

    Part 1:怎么访问后台呢 在上一篇文章 ionic云开发系列一 已经介绍了在云上搭建ionic框架了,如果你还不知道怎么搭建ionic本地开发环境, 请移步ionic Getting Starte ...

  8. WordPress版微信小程序开发系列(二):安装使用问答

    自WordPress版微信小程序发布开源以来,受关注的程度超过我原来的想象.这套程序主要面对的用户是wordpress网站的站长,如果wordpress站想在微信的生态圈得到推广,小程序成为一种重要的 ...

  9. BizTalk开发系列(二十三) BizTalk性能指标参考

    更多内容请查看:BizTalk动手实验系列目录                       BizTalk 开发系列 BizTalk项目目前比较少,使用的客户也不多.大多只知道BizTalk是一个不错 ...

最新文章

  1. 4701年新年快乐!
  2. 利用matlab对xml文件进行批量处理
  3. STM32F7xx —— 看门狗
  4. 分析一天1000万北京地铁客流,我们发现...
  5. 籍贯怎样填写_公务员考试:什么是考生户籍、生源地和籍贯?
  6. Android VectorDrawable svg 命令详细综述
  7. java并发常量_Java并发编程-常量对象(七)
  8. elementui :on-remove怎么用_绍兴【办公室绿化】怎么操作
  9. 统计函数应用之SQL 分析函数
  10. python判断用户名是否有效_Python校验用户名是否合法示例
  11. java实现读写分离
  12. JVM内存模型及垃圾回收机制
  13. python英语单词库app_英语单词库【英语单词库英语头条】- 英语单词库知识点 - 中企动力...
  14. 计算机三级 数据库技术 学习笔记
  15. 为什么计算机关机慢,XP系统为什么电脑关机慢?
  16. ubuntu双屏复制显示
  17. 【Linux后端开发必问】操作系统系列(Linux常用命令、文件权限修改、静态与动态库的制作)
  18. mysql 主从复制 error 1677
  19. Opera官网打不开 下载Opera最新版本的实际地址
  20. 如何将手机CAJ转换成PDF文件的方法

热门文章

  1. python中itertools groupby函数是干嘛的_Python-如何使用itertools.groupby()?
  2. java junit 私有方法_有没有办法在Junit5中的另一个方法中模拟私有方法调用
  3. 组合测试法是什么 软件测试,组合测试法中的全对偶测试法
  4. 扫地机器人粘住老鼠板怎么办_家里老鼠的危害性及如何有效灭鼠
  5. hue 配置mysql数据源_hue-使用mysql作为元数据库
  6. 调用手机相机相册_如果你用华为手机拍照!记得开启专业模式,照片好看十倍不止...
  7. cpu缓冲区大小怎么设置_JAVA高薪面试必备知识点Volatile底层原理探究CPU在作怪
  8. oracle 分段函数,transcad概述强大的交通gis.pdf
  9. 在计算机领域做研究的一些想法-- 转载
  10. hdu5441(2015长春网络赛E题)