简单建站

html头部

html的头部就是<head>里的内容,前面说到过,<head>里面的内容用户基本都是看不到的,多数是用来给搜索引擎抓取网站描述数据和连通网站资源的,但是html头部对网页是非常重要的,也是网页不可缺少的一部分,头部包含了很多的东西,比如js脚本,css样式表,还有各种<meta>标签等等,头部简单来说就是定义网页的一些内部属性和连接网站资源的地方

还不懂html是什么的请看下面基础文章了解一下

头部可放的标签

  • <title>标签:定义网站标题,就是打开网页浏览器最顶部显示的文字
  • <meta>标签:定义网站的元数据,一般用于声明字符编码,和用于网站关键词和网站描述
  • <base>标签:定义网站链接源
  • <link>标签:用于连接外部资源,比如外部css样式
  • <style>标签:css样式标签,把css样式放在里面
  • <script>标签:js脚本标签,把js脚本放在里面
  • <noscript>标签:版本低的浏览器解析不了js脚本,<noscript>里面的文字就是替代内容,不过现在浏览器肯定都是支持js脚本的

title标签

title演示,没什么难度,就不说什么了

<!DOCTYPE html>
<html>
<head>
<title>我就是浏览器顶部的标题</title>
<head>
<body>
内容
</body>
</html>

meta标签

属性描述
charset定义文本字符编码
http-equiv 把 content 属性关联到 HTTP 头部
name属性名称
content定义http-equiv和name的属性值

charset演示

<meta charset="utf-8>
#utf-8是全球通用的字符编码,你也可以找适合你的的字符编码

http-equiv演示

#规定文档的字符编码#
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
#规定要使用的预定义的样式表#
<meta http-equiv="default-style" content="the document's preferred stylesheet">
#定义网页自动刷新时间#
<meta http-equiv="refresh" content="300">
#http-equiv在日常中基本是不用的,常用字符编码也通常用的都是charset#

name演示

#定义网页关键词#
<meta name="keywords" content="词一, 词儿, 词3, 词4, 词5">
#定义网页描述#
<meta name="description" content="这里就填网站的描述">
#定义网页作者#
<meta name="author" content="lingyuanboke">

base标签

就是base标签固定了网页的默认url和打开方式

base演示

提示:你可以先修改部分代码再运行。

link标签

连接外部css样式表

link演示

#连接css外部文件#
<link rel="stylesheet" type="text/css" href="https://xxx.com/xxx/1.css">

script和style标签

这两个标签现在演示还太早,因为只有展示效果才能更好接受,但是这才仅仅只是入门文章,所以没必要演示,因为很有可能导致大家一次性消化的东西太多导致消化不良,后面讲到css和javascript的时候再学是最好的,大家暂时只需要知道script标签和style标签是分别用于css和js就好了

noscript标签

这个标签在浏览器解析不出js脚本的时候使用,包含的文字就是在浏览器解析不出js行为的时候使用的,这个大家现在也不用太在意,后期再学

noscript演示

<script>
js脚本
</script>
<noscript>sorry,您的浏览器不支持javasript,建议使用谷歌浏览器</noscript>
#实际上现在大部分浏览器都是支持点js的,除非你用的电脑是很老的#

html的头部对网页是非常重要的,可能对新手这是非常难理解的,所以大家可以先学习怎么写<body>内的内容,过后再来看看html头部,如果你只是想学习一点前端来装修自己的网站这些,那你理解理解什么标签大概是什么意思就行了不用去学习怎么操作它,其实都是看起来复杂,自己操作几遍就会觉得非常简单了

赞(3) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » html头部

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏