前面的文章简单的介绍了一些HTML标签,当然只是HTML标签中的一小部分

这篇文章简单介绍一下HTML的大体页面结构

尽管现在网页变得越来越复杂,但是最基本的底层结构没有发生变化,还是相对简单

一个网页包含以下:

1 文本内容

2 对其他文件的引用

3 标记:对文本内容进行表述以及确保引用正确应用

每个网页都是由以下结构开始构建的

例:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" /> //这个的作用是转码,让任何浏览器识别你的HTML中的文字,不会出现乱码,不加的话在一些浏览器上汉字是乱码,utf-8请自行百度

<title>我的网页</title>

</head>

<body>

</body>

</html>

上面的例子只能让网页像一张白纸一样,算是弄一个接下来可以扩充内容的空间,以后会展示更多的网页内容,之前文章中的例子都是写在这个页面结构中的一部分。DOCTYPE,html,head, body这是任何网页都有的,它们是网页的基础,在这里, 可以添加的内容有两个,一个是赋予html元素中 lang 属性的 语言代码,二是 <title> 和 </title> 之间的文字,用来命名当前网页

实际上,body元素之上的那些部分是为浏览器和搜索引擎准备的,用户不会看到,及时用户可以看到title元素的内容,但是title标签之间的内容更重要的是让浏览器和搜索引擎识别。

<!DOCTYPE html> 部分的作用是告诉浏览器这是一个 HTML5 页 面。DOCTYPE 应该始终位于页面的第一行。

HTML最基本的页面相关推荐

  1. Myeclipse中项目没有代码错误提示,jsp页面无编译迹象?如何解决

    在使用Myeclipse开发项目时,发现jsp页面中嵌入的java代码没有编译的迹象,错误的get方法没有报错,没有报错信息我们如何知道我们开发的内容是正确的呢? 接下来就演示一下如何解决

  2. 使用ajax不刷新页面获取、操作数据

    在使用jsp或html时,利用ajax达到不刷新页面就可以获取.操作数据. 首先上代码 (html+js) 在此处需要引入jquery插件 <!-- 这是页面部分 html--> < ...

  3. canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传

    使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...

  4. 文本框可编辑查看页面

    <!DOCTYPE html> <html><head><meta charset="utf-8" /><title>文 ...

  5. SpringBoot-web开发(二): 页面和图标定制(源码分析)

    [SpringBoot-web系列]前文: SpringBoot-web开发(一): 静态资源的导入(源码分析) 目录 一.首页 1. 源码分析 2. 访问首页测试 二.动态页面 1. 动态资源目录t ...

  6. web站点的欢迎页面

    JavaWeb系列教程 JavaWeb-Servlet 模拟Servlet本质 使用IDEA开发Servlet程序 Servlet对象的生命周期 适配器(GenericServlet)改造Servle ...

  7. 前端的单页面模式和多页面模式

    一.前言 前端部分的搭建,需要考虑使用哪种模式进行页面之间的跳转交互, 而项目内的页面交互,不可避免的需要相互之间的数据共享. 这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享 ...

  8. java爬取验证码图片_JAVA HttpClient实现页面信息抓取(获取图片验证码并传入cookie实现信息获取)...

    JAVA HttpClient实现页面信息抓取(获取图片验证码并传入cookie实现信息获取) 发布时间:2018-05-18 16:41, 浏览次数:632 , 标签: JAVA HttpClien ...

  9. 微信小程序页面之间数据传递

    微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现 下面看一个简单的demo 传递数据 要传递界面 wxml <!--index.wxml--> <view class= ...

  10. 小程序 navigator 无法跳转 tabBar上的页面

    小程序 navigator 无法跳转 tabBar上的页面 解决方法一: navigator 的 open-type 设置为 switchTab 解决方法二: 使用 wx.switchTab({ ur ...

最新文章

  1. 压力测试工具ab 及 centos下单独安装方法
  2. LeetCode—211. 添加与搜索单词 - 数据结构设计
  3. layui 分页 固定底部_论layui的使用体验
  4. 学生使用计算机违纪处理,软件学院违纪学生跟踪教育管理办法
  5. 使用UIActivityIndicatorView 和多线程
  6. Oracle DML封锁机制研究
  7. pdo oracle extension php.ini,php,pdo怎么连接oracle数据库?
  8. Linux安装中文字体
  9. 把token放入请求头
  10. 第八章:贪心+二分 题目::Aggressive cows
  11. c++字符串中元音字母转置
  12. 用vb程序设计输出100以内素数和
  13. 抖音扫码跳转QQ群等外链源代码分享
  14. C#WinForm 程序退出后,托盘区的图标不能及时消失
  15. 让celery在后台运行
  16. conda 导出环境文件的方法(文件方法)
  17. ker矩阵是什么意思_变换矩阵与投影
  18. linux洪水攻击软件,SYN洪水攻击工具hping SYN-Flooding tool
  19. eclipse配置mybatis的dtd文件
  20. 数据分析面试题最全攻略

热门文章

  1. bzoj3585 mex
  2. socketio java如何知道消息被接收成功_5年经验Java程序员面试20天,拿下数个offer,总结出的经验感想!...
  3. Emlog html5视频播放器插件
  4. IT各大技术经典视频教程大全 一
  5. 算法工程师之劝退檄文
  6. 在win10上安装go并配置vscode开发环境
  7. 刺激战场登录显示服务器异常,刺激战场登录网络异常
  8. 软链接、硬链接与复制的区别
  9. 2021年全球团状模塑料(BMC)收入大约657.1百万美元,预计2028年达到827.5百万美元
  10. wangEditor 初始化设置行高、字体和字体大小