zoukankan      html  css  js  c++  java
  • 我的第一个html页面

    <!DOCTYPE html>
    <meta charset="UTF-8">
    <title>第一个html5界面</title>
    <p>Hello,World</p>
    通过短短几行代码就完成了一个页面的开发,这充分的说明了html5语法的简洁,同时,html5不是一种XML语言(为什么这么说?),其语法也很随意,下面从这两方面进行逐句分析。
    1、<!DOCTYPE html> 短短几个字符,甚至不包括版本号,就能告诉浏览器需要一个DOCTYPE来触发标准模式。

    DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
    可谓简明扼要。接下来需要说明文档的字符编码,否则浏览器不能正确的解析,导致安全隐患,为此加入下一行代码:<meta charset="UTF-8"> 同样也是几个字符,便说明了该文档的字符编码。同时html5中不区分字母大小写、标记结束符及属性是否加引号,即下列代码时等效的。
    <meta charset="UTF-8">
    <META charset="UTF-8"/>
    <META charset=UTF-8>

    在主体中可以省略主体标记,直接编写需要显示的内容,代码如下
    <p>Hello,World</p>

    虽然在写代码的时候省略了<html>、<head>、<body>标记,但在浏览器进行解析的时候,将会自动进行添加。

    考虑到代码的可维护性,在编写代码时,应该尽量增加这些在html5中可选的元素,从而最大限度的实现页面代码的简洁与完整。

    备注:我使用的代码编辑器是 WebStorm(Mac上用的),好像不需要注册。(win用dreamweaver就行了)
     
  • 相关阅读:
    sqlplus 登陆使用
    PLSQL设置显示的字符集及设置
    PL/SQL Developer使用技巧、快捷键
    微信小程序开发常见问题分析
    微信小程序如何使用PHP语言获取数据
    小程序获取网络类型代码
    微信小程序http转https
    小程序和Vue有哪些区别
    微信小程序时间标签与范围联动设计实现
    微信小程序http接口封装怎么实现
  • 原文地址:https://www.cnblogs.com/mudy/p/4814802.html
Copyright © 2011-2022 走看看