HTML - 文档结构与信息声明,单位

一 文档结构

 

<!doctype html>  //声明文档类型为HTML文档

<html lang="en">  //页面语言 en英语 zh中文 为搜索提供页面语言

<head>  //头部 包含关键信息的说明 在其中导入外部应用文件

  <meta charset="UTF-8">  //编码格式utf-8中文国际

  <meta name="Generator" content="EditPlus®">  //编辑软件

  <meta name="Author" content=" ">  //作者名字

  <meta name="Keywords" content=" ">  //网页关键字

  <meta name="Description" content=" ">  //网页内容描述

  <link href = 'style.css' rel = ‘stylesheet’ type = 'text/css'>  //导入外部css样式文件

 <title>标题</title>  //标题 在浏览器中显示网页的名字

 </head>

 <body>  //主体 写浏览器显示的内容

 

    ...内容

 

 </body>

</html>

 

二 信息说明

 

页面关键信息声明标签 供搜索关键字查找 有利于搜索优化

<meta name = ‘’ content = ‘’>  name:要声明的信息  content:声明信息的内容

常用声明有以下

例子 -- <meta name = ‘Keywords’ content = ‘内容’>

Keywords -- 关键字: 在content中写入网页内容中包括的关键字 搜索会准确快速找到网页

description  --  网页描述: 在搜索结果列中显示content中的内容

author --作者: 说明网页的作者

 

三 单位

 

px: 像素

em: 父元素字体大小的百分比

rem: 根元素HTML字体大小的百分比

%: 父元素对应属性百分比像素大小  如父元素高100px 子元素高度50%则高50px

auto: 元素大小以内容为准 内容高10px 元素高10px

posted @ 2017-04-06 14:56  凇风  阅读(189)  评论(0编辑  收藏  举报