HTML5入门要点

简介:

要点

Head First HTML5 Programming

  • HTML5是HTML的最新版本。通过引入心的标签、新的语义和媒体元素,同时要依赖一组支持Web应用的JavaScript库

  • XHTML不再是Web页面开发标准。开发人员和W3C组织觉决定还是继续扩展和改进HTML。

  • HTML5 doctype在老的浏览器中也能较好的支持。老的浏览器看到doctype时会使用标准模式呈现网页。

  • scriptcss的样式表中链接不再需要type属性。

html5书写javascript

<script src="headfirst.js"></script>

html5中书写css样式

<link rel="stylesheet" href="headfirst.css">
  • utf-8是Web中标准字符集,不应该出现类似gb2312这种字符编码

  • HTML5许多新特性需要JavaScript的支持。JavaScript可以和HTML5中的DOM进行交互。

  • 可以检测一个浏览器是否支持html5某个特定的属性,如果不支持需要优雅降级

一个标准的html5页面

<!DOCTYPE html>
<html> 
<head>
    <title>Head First Lounge</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="headfirst.css">
</head> 
<body>
    <h1>Welcome to Head First Lounge</h1>
    <p>
        <img src="drinks.gif" alt="Drinks"> 
    </p>
    <p>
Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, 
conversation and maybe a game or two of Tap Tap Revolution. 
Wireless access is always provided; BYOWS (Bring Your Own Web Server).
    </p> 
    <script src="headfirst.js"></script>
</body>
</html>

参考链接

Head First HTML5 Programming

Coursera-HTML5入门

本文转自快乐八哥博客园博客,原文链接http://www.cnblogs.com/liminjun88/p/html5-bullet-points.html如需转载请自行联系原作者


快乐八哥

相关文章
|
8月前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
81 0
|
8天前
|
移动开发 前端开发 Java
|
4月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
75 19
|
4月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
64 13
|
3月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
31 0
|
4月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
5月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
5月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
7月前
杨老师课堂之网页制作HTML的学习入门-含有案例1
杨老师课堂之网页制作HTML的学习入门-含有案例
55 3
|
7月前
|
存储 移动开发 API
HTML5本地存储:从入门到精通
HTML5本地存储:从入门到精通
96 1