1.1HTML5文档基本结构

　　HTML5文档省略了<html>,<head>,<body>等元素，使用HTML5的DOCTYRE声明文档类型，简化<meta>元素的charset属性值，省略<p>元素的结束标记，使用<元素 />的方式来结束<meta>元素，以及<br>元素等语法知识要点。

【示例】

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>HTML基本语法</title>

    </head>

    <body>

        <h1>HTML5的目标</h1>

        <p>HTML5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML代码。</p><br />

    </body>

</html>

1.2HTML5基本语法

1.2.1内容类型

　　HTML5文件扩展名为：“。html”或“.htm”，内容类型（ContentType）为“text/htmml”。

1.2.2文档类型

　　DOCTYRE命令声明文档的类型，它是HTML文档必不可少的组成部分，且必须位于代码的第一行。

1.2.3标记省略

　　元素的标记分为3种类型：不允许写结束标记、可以省略结束标记、开始标记和结束标记全部可以省略。

　　不允许写结束标记的元素是指，不允许使用开始标记与结束标记将元素括起来的形式，只允许使用<元素 />的形式进行书写。例如：

错误的书写方式：

<br></ br>
<br />

正确的书写方式：

1.2.4布尔值

　　对于boolean值的属性，如disabled与readonly等，当只写属性而不指定属性值时，表示属性值为true；如果想要将属性值设为false，可以不使用该属性。另外，要想将属性值设定为true时，也可以将属性名设定为属性值，或将空字符串设定为属性值。

【示例】

<!-- 只写属性，不写属性值，代表属性值为true -->

<input type="checkbox" checked/>

<!-- 不写属性，代表属性值为false -->

<input type="checkbox"/>

<!-- 属性值=属性名，代表属性值为true -->

<input type="checkbox" checked="checked"/>

<!-- 属性值=空字符串，代表属性值为true -->

<input type="checkbox" checked=""/>

1.2.5属性值

　　属性值两边既可以用双引号，也可以用单引号。当属性值不包括空字符串、<、>、=、单引号、双引号等字符时，属性值两边的引号可以省略。

【示例】

<input type="text"/>

<input type='text'/>

<input type=text/>

HTML5基本结构和语法的更多相关文章

  1. Delphi XE5教程6：单元的结构和语法

    内容源自Delphi XE5 UPDATE 2官方帮助<Delphi Reference>,本人水平有限,欢迎各位高人修正相关错误! 也欢迎各位加入到Delphi学习资料汉化中来,有兴趣者 ...

  2. Delphi XE5教程5：程序的结构和语法

    内容源自Delphi XE5 UPDATE 2官方帮助<Delphi Reference>,本人水平有限,欢迎各位高人修正相关错误! 也欢迎各位加入到Delphi学习资料汉化中来,有兴趣者 ...

  3. HTML5新增结构标签

    引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签. HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构 ...

  4. C语言标记化结构初始化语法

    C语言标记化结构初始化语法 (designated initializer),而且还是一个ISO标准. #include <stdio.h> #include <stdlib.h&g ...

  5. 使用XML的五种场合，XML基本规则，XML的术语，结构与语法

    在很多研讨会和培训班上我遇到过许多人,他们还不明白为什么要使用XML也不知道如何 在他们的应用中使用XML.一些来自诸如Gartner公司的报告建议说,商业公司不能再做 局外人了,不能对XML置之不理 ...

  6. HTML5新结构标签和移动端页面布局

    --------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.ar ...

  7. 标记化结构初始化语法 在结构体成员前加上小数点 如 “.open .write .close ”C99编译器 .

    今天在看串口驱动(四)的时候 有这样一个结构体初始化 我很不理解 如下: static struct s3c24xx_uart_port s3c24xx_serial_ports[NR_PORTS] ...

  8. C/C++结构体语法总结

    转自:http://blog.csdn.net/dawn_after_dark/article/details/73555562 结构体简介 结构体属于聚合数据类型的一类,它将不同的数据类型整合在一起 ...

  9. html5新结构标签

    html5新结构标签 <header>  定义 section 或 page 的页眉,也就是定义头部的标签. <footer> 定义 section 或 page 的页脚. & ...

随机推荐

  1. react功能实现-组件创建

    这里主要从两个角度来分析创建一个组件需要怎么做,一个是元素,一个是数据.整理向,大量借鉴,非原创. 1.渲染组件. 我们先明确一点,所有的元素都必须通过render方法来输出渲染.所有,每个组件类最终 ...

  2. 一个使用 asyncio 开发的网络爬虫（译文）

    原文地址:https://www.aosabook.org/en/500L/a-web-crawler-with-asyncio-coroutines.html 作者简介 A. Jesse Jiryu ...

  3. TMS570LS3137笔记-内部Flash FEE使用

    1.基本简介 TMS570LS3137内部Flash分为三个 Bank,主Flash 数据存储区3MB,是Bank1和Bank2.还有一个Bank7是作为内部Flash模拟EEPROM使用.内部存储器 ...

  4. CF908A New Year and Counting Cards 题解

    Content 有 \(n\) 张卡牌,每张卡牌上只会有大小写字母和 \(0\sim 9\) 的阿拉伯数字.有这样一个描述:"如果卡牌正面写有元音字母(\(\texttt{A,E,I,O,U ...

  5. Java 常用类库一，main方法传参String[] args；获取输入Scanner ；hasNext()；hasNextInt()

    1. main方法传参 package com.zmd.common_class_libraries; /** 给mian方法传参测试 */ public class MainArgsTest { p ...

  6. epoll linux和协程gevent的区别

    epoll linux  底层是libevent.so模块实现的 gevent也是IO多路复用,底层是libevent.so模块实现的是更上层的封装 Twsited异步网络框架.代码量非常大.在开源p ...

  7. Centos7查看防火墙对应的开放端口以及进行端口操作

    1.查看开放端口列表 [root@host bin]# firewall-cmd --list-ports 22/tcp 80/tcp 8888/tcp 39000-40000/tcp 12888/t ...

  8. C语言获取文件大小（字节）

    代码 核心代码 FILE *pfile = nullptr; int ret = fopen_s(&pfile, str.c_str(), "rb"); /// 0 = 打 ...

  9. 【LeetCode】795. Number of Subarrays with Bounded Maximum 解题报告（Python & C++）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 动态规划 暴力搜索+剪枝 线性遍历 日期 题目地址: ...

  10. 【LeetCode】331. Verify Preorder Serialization of a Binary Tree 解题报告（Python）

    [LeetCode]331. Verify Preorder Serialization of a Binary Tree 解题报告(Python) 标签: LeetCode 题目地址:https:/ ...