1.HTML5文件的基本结构

1.基本的HTML5的页面整体结构：

<!DOCTYPE HTML> //声明不属于html标记；是一条指令，告诉浏览器编写网页所用的标记版本

<HTML>

<HEAD> //是头部标记，不显示网页中；可包含其他标记：<style>标记定义css样式表，通过<script>标记定义javascript脚本文件

<TITLE>网页标题</TITLE> //显示在浏览器的窗口标题栏中，如果没有title，浏览器标题将显示本页的文件名

</HEAD>

<BODY> //显示在浏览器窗口的客户区中

网页内容

</BODY>

</HTML>

html5新增的结构标记有<footer></footer>（标记定义section或document的页脚）和<header></header>（标记定义文档的页眉）

<footer>作者：XX 联系方式：xxxxxxxxxxx</footer> //在典型的情况下，包含创作者的姓名，文档的创作日期或者联系方式

2.html5的基本标记详解

HTML文档最基本结构主要包括文档类型说明、html文档开始标记、元信息、主体标记和页面注释标记

(1)文档类型说明

html5对文档类型进行了简化，简单到15个字符：<!DOCTYPE html>//需要放在html5文件的第一行

(2)html标记

文档所有内容都写在以<html>开头，以</html>结尾的中间部分

(3)头标记head

包括标题信息，元信息，定义css样式和脚本代码等

在头标记<head></head>之间还可以插入标题标记title和元标记信息meta

标题标记title：

<title></title>之间的内容可以帮助用户更好的识别页面

预览网页时，设置的标题在浏览器的左上方标题栏中显示；在windows任务栏中显示的也是这个标题

页面的标题只有一个，位于html文档的头部

元信息标记meta：

不包含任何内容，<meta>标记的属性定义了与文档相关联的名称/值对

a.字符集charset属性

使字符集的定义更加容易

b.搜索引擎的关键词

在早期，meta keywords关键词对搜索引擎的排名算法起到一定的作用，也是很多人进行网页优化的基础。关键词在浏览时是看不到的

不同的关键词之间应使用半角逗号隔开（英文输入状态下），不要使用“空格”或者“|”间隔

是keywords，不是keyword

关键词标签中的内容应该是一个个短语，而不是一段话

定义针对搜索引擎的关键词：<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript"/>

关键词keywords曾经是搜索引擎排名很重要因素，但现在已经被很多搜索引擎完全忽略。如果我们加上没有坏处，但是使用不当会有诈骗嫌疑，

所以使用时应该注意：

关键词标签内容与网页核心内容相关，使用的关键词出现在网页文本中

应使用易于用户搜索引擎检索的关键词，过于生僻的词汇不合适作为meta标签的关键词

不要重复使用关键词，否则会被搜索引擎惩罚

一个网页关键词标签最多包含3-5个最重要的关键词，不要超过5个

每个网页的关键词应该不一样

c.页面描述

meta description元标签用来简略描述网页的主要内容，是通常被搜索引擎用在搜索结构页上展示给最终客户看的一段文字。在网页中并不显示

使用格式：<meta name="description" content="网页介绍" />

定义对网页的描述：<meta name="description" content="免费的web学习" />

d.页面定时跳转

可通过将http-equiv属性值设为refresh实现网页在经过一定时间后自动刷新。content属性值可以设置为更新时间

在浏览网页时经常出现一些欢迎信息的页面，经过一段时间自动转到其他页面就是网页跳转

使用格式：<meta http-equiv="refresh" content="秒；[url=网址]" />（[url=网址]可省略，如果有就刷新并跳转；如果省略，页面只进行刷新）

(4)页面的主体标记body

网页要显示的内容全部放在网页主体标记内，以<body>开头和</body>结尾

(5)页面注释标记

3.html5语法的变化

(1)标签不再区分大小写

(2)允许属性值不使用引号（建议应该继续使用引号，以防空格等容易引起混淆的属性值）

(3)允许部分属性值的属性省略

其中checked=“checked”省略为checked，而readonly=“readonly”省略为readonly

可省略属性值的属性：

checked，readonly，defer，ismap，nohref，noshade，nowrap，selected，disabled，multiple，noresize

1.HTML5文件的基本结构相关推荐

网页的基本信息及组成HTML文件的基本结构
纯手打,虽菜勿喷,每天记录一点点 1,DOCTYPE声明用来约束HTML文档结构,检验是否符合Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码.DOCTYPE声明必须位于HTML文档的 ...
下面是html5中新增的结构元素的是,HTML5的新的结构元素介绍
HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如和 ,它们已经被 CSS完全取代. 其他取消的属性:acronym ...
HTML5的新的结构元素介绍
HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被 ...
html5文档样式,jQuery HTML5文件上传美化插件jQuery.filer
插件描述:jQuery.filer是一款简单的HTML5文件上传组件美化jQuery插件.它能够完成单文件和多文件的上传,支持文件的拖拽,支持不同的文件格式校验,支持缩略图和图标等,是一款非常实用的文 ...
33. 使用fread()/fwrite()往文件中写入结构体，从文件中读出结构体
1 //读写结构体 2 #include <stdio.h> 3 typedef struct student 4 { 5 int num; 6 char name[30]; 7 char ...
HTML5文档结构主体结构语义结构,html5组织文档结构.pdf
html5组织文档结构 1 / 10 html5 组织文档结构文档部分,即 body 部分,包含了访问者可以看到的内容.传统的 HTML 文档通常通过 div 元素来组织文档结构,再配上适当的样式 ...
Linux下各文件夹的结构说明及用途介绍（转载）
linux下各文件夹的结构说明及用途介绍: /bin:二进制可执行命令. /dev:设备特殊文件. /etc:系统管理和配置文件. /etc/rc.d:启动的配置文件和脚本. /home:用户主目录 ...
按一行一行的方法将一个文本文件复制到另一个文件中_大文件上的结构化数据计算示例...
[摘要] 本文分析大文件计算的实现原理,如过滤.聚合计算.添加计算列.排序.分组聚合.topN 等,以及利用并行计算来提高计算速度,并用 esProc SPL 举例说明如何用简洁的脚本实现大文件计算. ...
文件夹目录结构导出工具及下载
一.功能和使用说明 "文件夹目录导出工具"能够实现将指定的文件夹下的所有文件和子文件夹的名字以三种方式导出.这种三种方式分别是:网页文件,xml文件和文本方式显示. 操作方法非常简 ...

1.HTML5文件的基本结构

1.HTML5文件的基本结构相关推荐

最新文章

热门文章