前端开发.Html5.HTML5基本格式

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

HTML5文档结构?

1.DOCTYPE文档类型声明,不区分大小写,告诉浏览器所查看的文档类型,在以往的HTML4.01和XHTML1.0中,它表示具体的HTML版本和风格

2.html元素/标签/标记,是文档开始和结尾的元素,它是一个双标签,头尾呼应,包含内容(head/body),常用的属性和值:lang="zh-cn"表示文档采用语言为简体中文,英文的话设置为:lang="en"

3.head元素用来包含元数据,元数据包括<link>,<meta>,<noscript>,<script>,<style>,<title>,主要用来给浏览器提供信息,如link提供CSS信息,script提供JavaScript信息,title提供页面标题等,但是这些信息在页面中是不可见的

4.meta元素用来提供关于文档的信息,常用的属性和值:charset="utf-8",表示告诉浏览器页面采用什么编码,当然除了编码还可以设置别的,后面再说

5.title元素设置浏览器左上角的标题

6.body元素用来包含文档内容的元素,也就是浏览器可见区域的部分,所有的可见内容,都应该出现在这个元素内部进行添加

7.a元素表示一个超链接

<!-- 说明: 文档类型声明 -->
<!DOCTYPE html>
<!-- 说明: 表示HTML文档开始 -->
<html lang="zh-cn">
    <!-- 说明: 包含文档元数据开始 -->
    <head>
        <!-- 说明: 声明字符编码 -->
        <meta charset="utf-8">
        <!-- 说明: 设置文档标题 -->
        <title>0002 - 基本结构</title>
    <!-- 说明: 包含文档元数据结束 -->
    </head>
    <!-- 说明: HTML文档内容开始 -->
    <body>
        <!-- 说明: 一个超链接元素 -->
        <a href="http://www.baidu.com">百度</a>
    <!-- 说明: HTML文档内容结束 -->
    </body>
<!-- 说明: 表示HTML文档结束 -->
</html>

HTML5标签组成?

1.元素,告诉浏览器如何处理一些内容的标签,每个元素都有一个关键字,元素分为:单标签(内容为空的标签,一般用于声明或是插入某个元素,如声明编码的meta,插入图片的img)/双标签(用于设置一段区域的内容,将其包起来,如段落<p>...</p>)

2.属性和值,元素内部还可以设置属性和值,这些属性值用来改变元素某些方面的行为,一个元素可以设置多个属性值,只需用空格隔开

来源：oschina

链接：https://my.oschina.net/u/2612057/blog/690332

标签

前端开发

html5

元数据