HTML标签作用笔记

208 阅读3分钟

meta标签
1.声明当前页面所使用的字符集,需注意的是,一定要让声明的前面页面所使用的的编码格式与当前页面文件的保存格式一致。否则就会出现乱码。 我们在中文下一般采用的编码格式:UTF-8、GB2312(国标码又叫GBK)。

<meta charset="utf-8">

2.给网站添加描述信息,便于搜索引擎搜索。(在content中书写)

<meta name="description" content="">

3.给网站添加搜索关键字便于搜索。(在content中书写)

<meta name="keywords" content="">

4.在body体中出现的HTML标签可以分为两大类:容器级(如:div)、文体级(如:span)。(文字、图片、表单元素)
a标签:
5.a标签添加超链接为本地时直接引用即可,但在访问外网时需要加上http协议。
6.“~”符号在ASP.NET里表示当前网站的根目录,但这个符号对于HTML相对路径来说是不管用的。

 <a href="file:///C:/Users/user/Desktop/indexl.html">打开网页</a>
 <a href="www.sina.com.cn/">打开新浪</a>     <!--错误-->
 <a href="https://www.sina.com.cn/">正确链接新浪网</a>    <!--正确-->

锚点链接的本质是超链接,

<a href="#zuopin">点我到作品</a>
    <a href="#gequ">点我到歌曲</a>
    <a href="#dongwu">点我到动物</a>

    <h1><a name="zuopin">作品</a></h1>
     <li>在人间</li>
     <li>童年</li>
     <li>我的大学</li>
     <h2><a id="gequ"> 歌曲</a></h2>
     <ul>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     <li>水手</li>
     </ul>
     <h3><a name="dongwu">动物</a></h3>
     <ul>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     <li>乌龟</li>
     </ul>

name属性是标准用法,但id属性也可达到该效果,注意前面的链接前加“#”。
列表标签: (ul:unorder list ,ol:order list , li:list item ,dl:definition list , dt:definition title, dd:definition description)
7.ul标签——无序列表:是用来表示一组语义相同的项。ul标签必须和li标签成组出现,ul标签不能脱离li标签单独存在,即ul标签里面只能放li标签,但li标签可以放任何复杂的东西,甚至li标签里面可以嵌套ul标签。
8.ol标签——有序列表:和ul标签一样用来表示一组语义相同或相关的项,ol和ul一样,必须跟li标签成组出现,在实际开发很少用ol标签,一般都用ul标签,即使有顺序时一般也用ul标签,只是在其那面加上数字。
9.dl标签——定义列表:一个定义列表dl标签可以有多个dt标签,在开发中一般一个dl标签对应一个dt标签,这样便于表达定义,一个dt标签可以对应多个dd标签

 <dl>
	 	<dt>杭州</dt>
	 	<dd>风景优美</dd>
	 	<dd>景色宜人</dd>
	 	<dd>旅游胜地</dd>
	 	<dt>平顶山</dt>
	 	<dd>产煤</dd>
	 	<dd>煤被挖空了</dd>
	 </dl>
	

10.label标签
他往往和表单元素(input标签)搭配使用

   <input type="radio" name="sex" checked="checked">男
   <input type="radio" name="sex">女

checked为默认属性,再不点击时选择男,checked=“checked”;可以省略写成checked,效果相同。
当name属性值相同时选择才互斥,
此时点圆圈才会选中,点文字“男”,“女”不能选中
使用label标签点击文字也可以选中
但是使用label标签时必须有id属性,label标签中的for属性后跟要改变文字的id值。

   <input type="radio"  id="nan"  name="sex" checked="checked"><label for="nan"></label>
   <input type="radio"  id="nv"   name="sex"><label for="nv"></label>