html 去文本框中的双引号

知识点1：HTML、XHTML与HTML5

HTML（超文本标记语言）是一种用来描述网页的标记语言（不是编程语言）。其结构包括head部分和body部分，前者存放网页信息，后者提供具体内容。

XHTML是可扩展超文本标记语言，是更严格更纯净的HTML版本。

HTML5是HTML的最新修订版本（上一版本是HTML 4.01），2014年10月由万维网联盟（W3C）完成标准制定。是专门为承载丰富的 web 内容而设计的，无需额外插件，支持跨平台，浏览器支持情况为IE9+，Chrome25+，Firefox19+。

知识点2：标签、元素与属性

标签是由尖括号包围的关键词，通常成对出现，第一个是开始（开放）标签，第二个是结束（闭合）标签。

元素是指从开始标签到结束标签的所有代码。没有内容的元素被称为空元素，在开始标签中添加斜杠是关闭空元素的正确方法。

属性被标签所拥有，总在开始标签中规定，以名称/值对的形式出现。属性值应该始终被包括在引号内，常用双引号，若属性值本身就含双引号则使用单引号。

知识点3：语义化

语义化是指用合理HTML标记以及其特有的属性去格式化文档内容，尽量使用官方的有语义的标签，使得机器可以理解。

语义化的(X)HTML文档有助于提升网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。

知识点4：<html>、<head>与<body>

<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>制作我的第一个网页</title></head><body><h1>Hello World</h1></body>
</html>

<html>元素定义了整个HTML文档；<head>元素是所有头部元素的容器，描述了文档的各种属性和信息；<body>元素定义了HTML文档的主体。

知识点5：头部元素<head>

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

1.<title>定义文档的标题（可用于搜索引擎检索，内容会在浏览器中的标题栏上显示出来）

例：<title>Title of the document</title>

2.<base>为页面上所有链接规定默认地址或默认目标（target）

例：<base href="http://www.w3school.com.cn/images/" />

3.<link>定义文档与外部资源之间的关系，最常用于连接样式表

例：<link rel="stylesheet" type="text/css" href="mystyle.css" />

4. <meta>提供关于HTML文档的元数据，常被用于规定页面的描述、关键词、文档的作者、最后修改时间等

例：<meta charset="UTF-8">

5. <script>用于定义客户端脚本

例：<script type="text/javascript">

document.write("Hello World!")

</script>

6.<style>用于为HTML文档定义样式信息

例：<style type="text/css">

p {color:blue}

</style>

知识点6：容器<div>与<span>

例：<div id="版块名称">…</div>

<div>元素是块级元素，是可用于组合其他HTML元素的容器。常用于划分独立逻辑板块。id属性为div提供唯一的名称。

<span>元素是内联元素，是可用于组合文档中内联元素的容器。该标签没有语义，其作用是为了设置单独的样式。

知识点7：标题<h1> - <h6>

例：<h1>我的第一个标题</h1>

<h1>定义最大标题，<h6>定义最小标题。标题标签应只用于标题，方便搜索引擎使用标题作为索引。

其默认样式是都会加粗。

知识点8：段落<p>

例：<p>我的第一个段落。</p>

其默认样式是段前段后都有空白。

知识点9：强调<strong>与<em>

例：<em>需要强调的文本</em>

em表示强调，strong表示更强烈的强调。

其默认样式是em为斜体表示，strong用粗体表示。

知识点10：分隔<br>与<hr>

例：<br /> <hr />

br是回车换行，hr是水平横线

它们都是空标签，没有HTML内容的标签就是空标签。

知识点11：超链接<a>

例：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

若想在新窗口打开则设置属性：target="_blank"

知识点12：图像<img>

例：<img src="图片地址" alt="加载失败时的替换文本" title = "提示文本"/>

知识点13：表格<table>

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

表格由<table>定义，表格含若干行由<tr>定义，每行含若干单元格由<td>定义，表头使用<th>定义。

其默认样式没有表格线，表头默认为粗体并居中。

当单元格无内容时可能无法正常显示边框，可填入空格占位符 以显示边框。

知识点14：列表<ol>与<ul>

<ol><li>Coffee</li><li>Tea</li>
</ol>
<ul><li>Coffee</li><li>Tea</li>
</ul>

<li>定义列表项目，可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

ol的默认样式是每项前面自带一个序号，ul的默认样式是每项前面自带一个圆点。

知识点15：定义列表<dl>

<dl><dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

<dl>定义了定义列表，里面<dt>定义列表中的项目，<dd>描述列表中的项目。

知识点16：表单<form>

<form action="form_action.asp" method="get"><p>First name: <input type="text" name="fname" /></p><p>Last name: <input type="text" name="lname" /></p><input type="submit" value="Submit" />
</form>

表单用于向服务器传输数据，其中action属性接受url，规定输入的数据被传送到的地方（比如一个PHP页面），method规定数据传送的方式（get/post）。

表单能够包含多种表单元素，如：

1.<input>系列

A.文本输入框、密码输入框

例：<input type="text" name="名称" value="文本" />

type为"text"定义单行文本输入，"password"定义密码输入；name为文本框命名以备后台程序使用；value为文本输入框设置默认值。

B.单选框、复选框

例：<input type="radio" value="值" name="名称" checked="checked"/>

type为"radio"定义单选框，"checkbox"定义复选框；value为提交到服务器的值；name为控件命名以备后台程序使用，同一组的单选按钮取值要一致；当设置 checked="checked" 时，该选项被默认选中。

C.提交按钮、重置按钮

例：<input type="submit" value="提交">

type为"submit"定义提交按钮，用于提交表单信息到服务器，"reset"定义重置按钮，用于重置表单信息到初始状态；value为按钮上显示的文字。

D.点击按钮

例：<input type="button" value="Click me" οnclick="msg()" />

type为"button"定义可点击按钮，用于触发js代码。value为按钮上显示的文字。

E.文件上传

例：<input type="file" name="pic" accept="image/gif" />

type为"file"定义输入字段和浏览按钮，用于文件上传。

2.下拉列表<select>

例：<select name="cars">

<option value="volvo">Volvo</option>

</select>

value是向服务器提交的值，标签中的是显示的值。

设置selected="selected"属性，则该选项就被默认选中。

3. 多行输入文本域<textarea>

例：<textarea name="message" rows="10" cols="30">

The cat was playing in the garden.

</textarea>

cols为多行输入域的列数，rows为行数，textarea标签之间的为默认值。

知识点17：按钮<button>

例：<button type="button">Click Me!</button>

定义一个按钮，其元素内部可以放置文本或图像，这是与input创建的按钮的不同之处。

应始终为按钮规定type属性（button或submit）。另外，表单中的button在不同浏览器会提交不同的值，因此应使用input来创建按钮。

知识点18：代码<code>与<pre>

例：<code>var i=i+300;</code>

code为加入一行代码，pre为加入一段代码。

pre不止用于代码，它表示预格式化的文本，被包围在 pre 元素中的文本通常会保留空格和换行符。

知识点19：注释

例：

知识点20：声明

<!DOCTYPE>不是HTML标签，它为浏览器声明HTML的版本。声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

如html5的声明：<!DOCTYPE html>

知识点21：空格与空行

浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算作一个空格。

html中用   表示空格。

知识点22：块级元素与内联元素

常见块级元素有：div , form , h1-h6 , ol , p , table , ul , li等；常见内联元素有：a , br , img , input , select , span , textarea等。

块级元素在显示时通常以新行来开始，占据一整行；宽度始终和浏览器宽度一致，与内容无关；可容纳内联元素和其他块元素。

内联元素和其他元素都在一行上；宽度只与内容有关；只能容纳文本或其他内联元素。

还有一类元素兼具两者特征，也就是inline-block元素。常见的有：img，input等。

知识点23：meta标签

通常name属性用于描述网页，http-equiv属性用于添加http头部内容。常用meta标签有：

1.指定文档字符集

2.指定页面作者与页面描述

3.设置网页过期时间，一旦过期则必须到服务器上重新获取

4.设定网页在特定时间内自动刷新并转到新页面

5.禁止浏览器从本地缓存中访问页面内容

6.优先使用最新chrome版本

7.避免IE使用兼容模式

知识点24：HTTP请求方法：GET与POST

在客户机和服务器之间进行请求-响应时两种最常被用到的方法。

Get：查询字符串（名称/值对）是在URL中发送的。可收藏为书签可缓存，表单数据在页面地址栏中可见，最适合少量数据的提交。

Post：查询字符串（名称/值对）是在HTTP消息主体中发送的。后退或刷新时数据会被重新提交，不可收藏为书签不可缓存，安全性更加。

知识点25：统一资源定位器（URL）

互联网上标准资源的地址。互联网上每个文件都有一个唯一的URL，用于定位万维网上的文档（或其他数据）。格式为：scheme://host.domain:port/path/filename。其中：

scheme - 定义因特网服务的类型。最常见的类型是 http

host - 定义域主机（http 的默认主机是 www）

domain - 定义因特网域名，比如 http://w3school.com.cn

port - 定义主机上的端口号（http 的默认端口号是 80）

path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）

filename - 定义文档/资源的名称

html 去文本框中的双引号_前端·HTML基础相关推荐

c字符串中包含双引号_码哥学Python，一起解密神秘的字符串密码
哈喽,大家好,又到了晚上学习Python的时间了,想学习python的同学可以一起哦. 字符串由0个或多个字符组成的有序字符序列,Python中的字符串用单引号 ' 或双引号 " 括起来, ...
c字符串中包含双引号_零基础学Python：一文看懂数字和字符串
来源:大数据DT 本文约2000字,建议阅读6分钟数据类型是构成编程语言语法的基础.[ 导读 ]数据类型是构成编程语言语法的基础.不同的编程语言有不同的数据类型,但都具有常用的几种数据类型.Pyth ...
sed -i 单引号中嵌套双引号_【函数应用】IF函数的多层嵌套
F是一个Excel 里面的一个逻辑函数,你可以简单的理解为如果满足条件就返回一个指定的值,如果不满足条件,就会返回另一个值,该返回的值可以是字符串,也可以是逻辑值(false & true), ...
c字符串中包含双引号_必须知道的C语言知识细节：单引号和双引号正确用法
C语言中ACSII码字符单引号'和双引号"在程序中经常出现,很简单,但却是十分重要的语法标点符号,初学者容易混淆使用. 单引号在字符常量时使用,表示单个字符. 例如: char c; c = ...
sed -i 单引号中嵌套双引号_【linux】Shell 单引号#x27;#x27; 双引号quot;quot; 反引号`` 和$()的区别和用法...
发行版为 red hat 以及centos,其他发行版未经验证部分段落摘抄自网络,侵删转载请注明出处感谢点赞单引号''和双引号"" 两者都是解决变量中间有空格的问题. 在b ...
php在文本框中输入一个年份_判断其生肖_并输出在文本框旁边.代码,PHP开发工程师面试真题之Web网页设计（附参考答案）_PHP教程...
一.Form表单真题1:简述POST和GET传输的最大容量分别是多少? 参考答案: GET方法传递数据,控制在1MB之内(因为URL的长度限制在1MB字符以内):POST方法传输数据没有大小的限制. ...
[html] 怎样在文本框中禁用中文输入法？
[html] 怎样在文本框中禁用中文输入法? 用文本框的 ime-mode css 属性松开键时检查文本框的的值,只保留 Unicode 编码在 0 - 255 的字符把所有双字节字符替换为空把中文字 ...
VB 提取TextBox 文本框中指定一行字符串
这是使用EM_GETLINE message来做,比较奇特的是lParam是指向一个字串所在的位置, 但是该字串传入时,前两个Byte要存该字串允许的最大长度. '以下在Form需一个TextBox, ...
要在textarea文本框中粘贴图片怎么办？
项目需求: 有一条描述信息(文字 + 图片),点击编辑,文本框中显示描述信息,并且可以对描述信息做出修改拆解需求: 文本框里要能显示预设的值(文字 + 图片) 文本框里还要能支持粘贴文字与图片实际 ...

html 去文本框中的双引号_前端·HTML基础

html 去文本框中的双引号_前端·HTML基础相关推荐

最新文章

热门文章