HTML最基本的页面
前面的文章简单的介绍了一些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最基本的页面相关推荐
- Myeclipse中项目没有代码错误提示,jsp页面无编译迹象?如何解决
在使用Myeclipse开发项目时,发现jsp页面中嵌入的java代码没有编译的迹象,错误的get方法没有报错,没有报错信息我们如何知道我们开发的内容是正确的呢? 接下来就演示一下如何解决
- 使用ajax不刷新页面获取、操作数据
在使用jsp或html时,利用ajax达到不刷新页面就可以获取.操作数据. 首先上代码 (html+js) 在此处需要引入jquery插件 <!-- 这是页面部分 html--> < ...
- canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
- 文本框可编辑查看页面
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>文 ...
- SpringBoot-web开发(二): 页面和图标定制(源码分析)
[SpringBoot-web系列]前文: SpringBoot-web开发(一): 静态资源的导入(源码分析) 目录 一.首页 1. 源码分析 2. 访问首页测试 二.动态页面 1. 动态资源目录t ...
- web站点的欢迎页面
JavaWeb系列教程 JavaWeb-Servlet 模拟Servlet本质 使用IDEA开发Servlet程序 Servlet对象的生命周期 适配器(GenericServlet)改造Servle ...
- 前端的单页面模式和多页面模式
一.前言 前端部分的搭建,需要考虑使用哪种模式进行页面之间的跳转交互, 而项目内的页面交互,不可避免的需要相互之间的数据共享. 这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享 ...
- java爬取验证码图片_JAVA HttpClient实现页面信息抓取(获取图片验证码并传入cookie实现信息获取)...
JAVA HttpClient实现页面信息抓取(获取图片验证码并传入cookie实现信息获取) 发布时间:2018-05-18 16:41, 浏览次数:632 , 标签: JAVA HttpClien ...
- 微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现 下面看一个简单的demo 传递数据 要传递界面 wxml <!--index.wxml--> <view class= ...
- 小程序 navigator 无法跳转 tabBar上的页面
小程序 navigator 无法跳转 tabBar上的页面 解决方法一: navigator 的 open-type 设置为 switchTab 解决方法二: 使用 wx.switchTab({ ur ...
最新文章
- 压力测试工具ab 及 centos下单独安装方法
- LeetCode—211. 添加与搜索单词 - 数据结构设计
- layui 分页 固定底部_论layui的使用体验
- 学生使用计算机违纪处理,软件学院违纪学生跟踪教育管理办法
- 使用UIActivityIndicatorView 和多线程
- Oracle DML封锁机制研究
- pdo oracle extension php.ini,php,pdo怎么连接oracle数据库?
- Linux安装中文字体
- 把token放入请求头
- 第八章:贪心+二分 题目::Aggressive cows
- c++字符串中元音字母转置
- 用vb程序设计输出100以内素数和
- 抖音扫码跳转QQ群等外链源代码分享
- C#WinForm 程序退出后,托盘区的图标不能及时消失
- 让celery在后台运行
- conda 导出环境文件的方法(文件方法)
- ker矩阵是什么意思_变换矩阵与投影
- linux洪水攻击软件,SYN洪水攻击工具hping SYN-Flooding tool
- eclipse配置mybatis的dtd文件
- 数据分析面试题最全攻略
热门文章
- bzoj3585 mex
- socketio java如何知道消息被接收成功_5年经验Java程序员面试20天,拿下数个offer,总结出的经验感想!...
- Emlog html5视频播放器插件
- IT各大技术经典视频教程大全 一
- 算法工程师之劝退檄文
- 在win10上安装go并配置vscode开发环境
- 刺激战场登录显示服务器异常,刺激战场登录网络异常
- 软链接、硬链接与复制的区别
- 2021年全球团状模塑料(BMC)收入大约657.1百万美元,预计2028年达到827.5百万美元
- wangEditor 初始化设置行高、字体和字体大小