按照功能来梳理html元素

时间：2016-09-01 18:40:13 阅读：230 评论：0 收藏：0 [点我收藏+]

标签：

前端萌新梳理一下基础，html element和css属性。

用自己的话表达出来，重点的几个详细学。

目的是加深理解，注意一下细节，尤其是语义化，前辈指出我这个毛病了。

p.s.w3c中文翻译有些真坑啊

按照功能来学习：

基础9-0

<!DOCTYPE>声明不是html标签，指示浏览器使用哪个html（xhtml）版本。对大小写不敏感。
在 HTML 4.01 中有三种DTD（Document Type Definition） <!DOCTYPE> 声明。在 HTML5 中只有一种：

<!DOCTYPE html>
<html>此元素向浏览器告知这是一个HTML文档
<title>我们浏览网站时标签上的显示文字；此标签为<head>标签中必须被包含的东西；三个属性（规定元素中内容的文本方向；规定元素中内容的语言代码；规定xml中元素内容的语言代码）请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题
<body>定义文档的主题；包含文档的所有内容
<h1>to<h6>拥有确切语义；支持的标准属性和时间属性？（并不全部支持欸）
段落；浏览器会自动添加前后空白；
换行；xml中，是 ；clear属性因垂死听；用来输入空行而不是分割段落，分割段落请用
<hr>插入水平线；xml中依旧需要关闭标签；

在<script>中注释时加个//↓，避免js执行-->

<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>

格式38-9

~~<acronym>缩写，html5中被<abbr>代替~~
<abbr>缩写；可以使用title属性（鼠标移动到上面显示完整版本）
<address>通常包含在footer内，不要用来放在文档内描述通讯地址
~~<tt><big>建议使用样式；~~
~~<tt>~~
~~~~
~~<big>~~
~~~~
<bdi> 隔离，脱离父元素的文本方向设置；dir=“ltr”;w3c注释chrome火狐资词，然而亲测有点抽风啊，后续需要加深理解。 http://www.iteye.com/problems/75691
<bdo>覆盖默认的文本方向，跟上面的文本方向不一样，这个是单个字母的方向（使用不慎就是乱码啊~~~感谢老祖宗发明了中文）
<blockquoto>一大块引用用这个；会在左右缩进；短的、不是一大段的引用用q元素；可以用cite属性（值=url）来规定引用来源
~~<center>对包含的文本居中，使用样式表！！！！！、~~
拥有确切语义；
拥有确切语义；
<dfn> 拥有确切语义；标记特殊术语短语（ definition？）；表现为斜体
<code> 拥有确切语义；
<samp> 拥有确切语义；
<kbd> 拥有确切语义；
<var> 拥有确切语义；
<cite> 拥有确切语义；
<del>
<ins>
<meter>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<strike>
<time>

表单14-3

框架4-0

图像6-3

音频\视频4-4

链接3-1

列表10-1

表格10-0

样式\节11-8（*语义化）

元信息4-0

编程6-1

按照功能来梳理html元素

标签：

原文地址：http://www.cnblogs.com/jerol/p/5830566.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行