文档介绍:该【HTML5基础 】是由【相惜】上传分享,文档一共【25】页,该文档可以免费在线阅读,需要了解更多关于【HTML5基础 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。HTML根底本章学习目标Web前端开发工程师应掌握以下内容:了解HTML文档的根本结构;理解标记类型、标记语法;学会body标记的属性的设置方法;学会给网页添加注释;理解meta元信息的作用;了解HTML文档类型。HTML文档结构1根本结构一个完整的HTML文档由头部head和主体body两个局部组成。在头部<head>标记中,可定义标题、样式等;在主体<body>标记中,可定义段落、标题字、超链接、脚本、表格、表单等元素,主体内容是网页要显示的信息。<html><head></head><body></body></html>头部<head>HTML文档的头部标记主要包含页面标题标记、元信息标记、样式标记、脚本标记、链接标记等。头部标记所包含的信息一般不会显示在网页上。1页面标题<title>根本语法<title>标题信息显示在浏览器的标题栏上</title>语法说明title标记是双标记,<title>是开始标记,</title>是结束标记,两者之间的内容为显示在浏览器的标题栏上的信息。标题title标记应用元信息<meta>META标记用来描述一个HTML网页文档的属性,也称为元信息〔meta-information〕,这些信息并不会显示在浏览器的页面中。例如作者、日期和时间、网页描述、关键词、页面刷新等。1.<meta>标记根本语法<metaname=""content=""><meta-equiv=""content="">属性说明meta属性主要分为两组:name属性与content属性name属性用于描述网页,它是以“名称/值〞形式的名称,name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找、分类。其中最重要的是description、keywords。-equiv属性与content属性-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以“名称/值〞形式的名称,-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用。其中最重要的是content-typecharset提供编码信息,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期时间。meta标记属性/值对应表属性值描述contentsome_text定义与http-equiv或name属性相关的元信息http-equivcontent-typeexpiresrefreshset-cookie把content属性关联到HTTP头部。内容类型网页缓存过期时间刷新与跳转(重定向)页面如果网页过期,那么存盘的cookie将被删除nameauthordescriptionkeywordsgenerator把content属性关联到一个名称。定义网页作者定义网页简短描述定义网页关键词定义编辑器schemesome_text定义用于翻译content属性值的格式。<metaname="keywords"content="信息参数"/><metaname="description"content="信息参数"/><metaname="generator“content="信息参数"/><metaname="author"content="信息参数"><metaname="robots"contect="信息参数"><meta-equiv="content-type"content="text/html;charset=信息参数"/><meta-equiv=“refresh〞content=“时间;url=网址参数">元信息<meta>(续)主体body主体body是一个Web页面的主要局部,其设置内容是读者实际看到的信息。所有标记中可以放置的是页面中所有的内容,如图片、图像、表格、文字、超链接等元素。1body标记根本语法<body></body>语法说明<body>是开始标记,</body>是结束标记。两者之间所包括的内容为网页上显示的信息。