html và xhtml la gi va 10 câu hỏi ra sao
Tóm tắ html và xhtml la ngôn ngữ lập trình đánh dấu muốn biết thêm thì hãy đọc
HTML là gì ?
HTML là viết tắt của chữ
HyperText Markup Language
(ngôn ngữ đánh dấu siêu văn
bản – Từ điển MTD-EVA 2002).
Nó là ngôn ngữ chung dùng để
tạo lập các tài liệu siêu văn bản
(hay trang web) trong thế giới
Web. Nó là một định dạng mở
được xây dựng dựa trên SGML
(Standard Generalized Markup
Language), và có thể được tạo
và xử lý bằng rất nhiều công cụ,
từ trình soạn thảo văn bản
thông thường (Notepad) – bạn
có thể tạo nó từ những dòng
lệnh cơ bản – đến những công
cụ soạn thảo chuyên nghiệp
phức tạp (MS FrontPage,
Dreamwaver). HTML sử dụng
những thẻ như
và
để cấu trúc những đoạn văn
bản thành đầu đề, đoạn văn,
danh sách, siêu liên kết...Và nó
cũng được dùng để mô tả – ở
một mức độ nào đó – cách thức
hiển thị và ngữ nghĩa của tài
liệu.
HTML ban đầu được đình nghĩa
bởi Tim Berners-Lee và được
phát triển thêm bởi IETF. Ngày
nay, HTML đã trở thành một
chuẩn quốc tế (ISO/IEC
15445:2000) và hiện đang được
duy trì phát triển bởi tổ chức
mạng lưới thế giới (World Wide
Web W3C).
XHTML là gì ?
XHTML là viết tắt của chữ
Extensible HyperText Markup
Language (XHTML). XHTML là một
họ những kiểu tài liệu của hiện
tại và tương lai, nó kế thừa và
mở rộng HTML, và tuân theo
những chuẩn của XML. Họ các
kiểu tài liệu XHTML đều dựa trên
XML, và được thiết kế để làm
việc với phần mềm dựa trên
XML. XHTML là phiên bản kế tiếp
của HTML, một loạt những đặc tả
đã được phát triển cho XHTML.
Những câu hỏi thường gặp
(FAQs)
Trả lời
1. Tại sao lại cần XHTML? HTML
không đủ tốt sao?
HTML chắc chắn là ngôn ngữ
đánh dấu tài liệu thành công
nhất trên thế giới. Nhưng kể từ
khi XML được giới thiệu, một
cuộc họp đã được tổ chức để
thảo luận liệu rằng một phiên
bản mới của HTML theo chuẩn
XML có cần thiết. Những ý kiến
tại cuộc họp đó là "Có": với HTML
dựa trên XML, những ngôn ngữ
XML khác có thể bao gồm những
mẩu tin của XHTML, và tài liệu
XHTML có thể bao gồm những
mẫu tin của các ngôn ngữ đánh
dấu khác. Chúng ta cũng có thể
lợi dụng việc thiết kế lại để dọn
dẹp một vài phần lộn xộn của
HTML, và thêm vào những chức
năng cần thiết mới, giống như
biểu mẫu tốt hơn.
2. Đâu là ưu điểm của XHTML so
với HTML?
Nếu tài liệu của bạn chỉ đơn
thuần là XHTML 1.0 (không bao
gồm những ngôn ngữ đánh dấu
khác) thì bạn sẽ không nhận
thấy sự khác biệt rõ rệt. Tuy
nhiên, khi mà ngày càng nhiều
công cụ XML ra đời, như XSLT để
biến đổi các tài liệu, bạn sẽ bắt
đầu nhận ra những lợi điểm của
XHTML. Ví dụ Xforms sẽ cho
phép bạn soạn thảo tài liệu
XHTML (hoặc là bất kỳ tài liệu
nào thuộc loại XML) theo một
cách vô cùng đơn giản. Các ứng
dụng Web cũng có thể tận dụng
những lợi thế này của tài liệu
XHTML.
Nếu tài liệu của bạn chứa đựng
nhiều hơn XHTML 1.0, ví dụ nó
bao gồm cả MathML, SMIL, hay
SVG, thì ưu điểm sẽ xuất hiện rõ
rệt: bạn không thể làm những
công việc địa loại như vậy với
HTML.
3. Cách dễ nhất để chuyển đồi tài
liệu của tôi từ HTML sang XHTML
là gì?
Phần mềm HTML Tidy sẽ cho bạn
một lựa chọn trong việc chuyển
đổi bất kỳ một tài liệu HTML
sang dạng XHTML. Amaya là một
trình duyệt kiêm soạn thảo tài
liệu web và có thể lưu tài liệu
HTML của bạn dưới dạng XHTML.
4. Tại sao tôi phải quan tâm XHTML
nếu tài liệu HTML của tôi hiển thị
tốt trên trình duyệt web của
tôi?
Tất cả các trình duyệt web biết
phải làm thế nào để xử lý tài
liệu HTML chính xác. Tuy nhiên,
nếu như tài liệu HTML không
chính xác, trình duyệt web phải
sửa tài liệu, và bởi vì không phải
trình duyệt nào cũng sửa tài liệu
HTML không chính xác này theo
một cách giống nhau, điều này
làm nảy sinh những khác biệt,
do đó tài liệu của bạn sẽ trông
và hoạt động một cách khác
nhau trên những trình duyệt
khác nhau. Vì có đến hàng trăm
trình duyệt web khác nhau, và
nhiều cái khác đang xuất hiện
dần (không chỉ trên PC, mà còn
cả trên PDA, điện thoại di động,
ti vi, máy in, và ngay cả tủ lạnh).
Bên cạnh đó, bạn không thể thử
nghiệm tài liệu HTML trên mọi
trình duyệt. Nếu bạn dùng tài
liệu HTML có lỗi và tài liệu này
không hiển thị được trên một
trình duyệt nào đó, thì lỗi là do
bạn; nếu bạn dùng tài liệu tài
liệu HTML không có lỗi và nó
cũng không hiển thị được trên
một trình duyệt nào đó, thì đây
là một lỗi của trình duyệt.
5. Tôi có thể kiểm tra tài liệu của
tôi có được định dạng chính xác
hay không ở đâu?
W3C cung cấp một dịch vụ tại
địa chỉ http://validator.w3.org/.
Tại địa chỉ này, bạn có thể kiểm
tra tính đúng đắn của một tệp
xhtml (.html,.htm) hay một web
site trên internet.
Bên cạnh đó phần mềm Amaya
cũng có khả năng kiểm tra tài
liệu đánh dấu (HTML/XHTML) của
bạn có đúng đắn hay không.
6. Đâu là sự khác biệt giữa "user
agent" và "browser" (trình
duyệt )?
Mặc dù trình duyệt thật sự là
một chương trình quan trọng
sử dụng tài liệu HTML/XHTML,
nhưng có những chương trình
khác và những hệ thống khác có
thể đọc được những tài liệu
này. Những máy tìm kiếm
(Search engines) chẳng hạn,
chúng đọc những tài liệu này để
tìm kiếm tài liệu nhưng chúng
không phải là các trình duyệt
web. Bằng cách sử dụng thuật
ngữ “user agent” chúng tôi
muốn nhắc cho mọi người về sự
khác biệt này.
Ví dụ, khi bạn tìm kiếm với
Google, bạn thường thấy ở phía
dưới mỗi dòng kết quả tìm kiếm
một dòng chữ đại loại như “This
web page uses frames, but your
browser doesn ’t support
them” (trang web này có sử các
khung, nhưng trình duyệt của
bạn không hỗ trợ nó), điểu này
khiến cho một vài người e ngại
không nhắp chuột vào liên kết
đó. Tác giả của những trang
web này đã không nhận ra rằng
có các chương trình khác cũng
đọc tài liệu HTML/XHTML chứ
không chỉ có mỗi trình duyệt mà
thôi. Do đó họ nên thêm vào
những đoạn văn vào đoạn
<![CDATA[
, để trang web của
họ sẽ không hiện ra một cách
ngớ ngẩn khi người ta tìm thấy
trang web của họ.
7. Tại sao tôi lại phải sử dụng khái
niệm "namespace" trong tài liệu
XHTML?Trong những ngày đầu
của HTML, nhiều nhóm và công
ty đã thêm vào những thành
phần (elements) và thuộc tính
vào HTML để sắn sàng. Điều này
đe dọa sẽ tao ra một cuộc hỗn
loạn về các phiên bản HTML khác
nhau không tương thích. XML
(chữ X đại diện cho chữ
Extensible) cho phép mọi người
sử dụng các thành phần
(elements) từ những ngôn ngữ
khác nhau, nhưng để cho một
trình duyệt hoặc chương trình
đọc HTML khác (user agent) biết
thành phần nào thuộc về ngôn
ngữ nào thì bạn phải nói cho nó
biết. Phần khai báo không gian
tên (namespace) làm việc đó.
8. Tại sao lại cho phép gửi tài liệu
XHTML 1.0 dưới dạng text/html?
XHTML là định dạng XML; điều
này có nghĩa là lý ra no phải
được gửi đi với một kiểu truyền
thông liên quan đến XML
(application/xhtml+xml,
application/xml, hoặc text/xml).
Tuy nhiên XHTML 1.0 đã được
thiết kế một cách kỹ lưỡng để
mà nó có thể hoạt động được
với cả những phần mềm tác
nhân HTML cũ. Nếu bạn tuân
theo một số chỉ dẫn đơn giản,
bạn có thể có được nhiều tài
liệu XHTML 1.0 để làm việc với
những trình duyệt cũ. Tuy nhiên
những trình duyệt cũ chỉ có thể
hiểu được kiểu truyền thông
text/html, do đó bạn phải sử
dụng kiểu truyền thông này nếu
bạn muốn gửi tài liệu XHTML 1.0
tới chúng. Những cũng phải nên
lưu ý rằng, gửi những tài liệu
XHTML đến những trình duyệt
dưới dạng text/html đồng
nghĩa với việc những trình
duyệt đó sẽ hiểu và hiển thị
những tài liệu này dưới dạng
HTML, chứ không phải XHTML.
9. Tại sao lại cho phép gửi tài liệu
XHTML 1.1 dưới dạng text/html?
XHTML 1.1 là XML thuần túy, và
chỉ được dùng như XML. Nó
không thể gửi một cách tin cậy
đến những trình duyệt cũ. Do
đó tài liệu XHTML 1.1 phải được
gửi với kiểu truyền thông liên
quan đến XML, như application/
xhtml+xml.
0. CSS có rất nhiều quy tắc đặc biệt
chỉ áp dụng đối với HTML. Liệu
những quy tắc này có còn áp
dụng đối với XHTML?Không, các
quy tắc của CSS (Cascade Style
Sheet) chỉ áp dụng đối với HTML,
và với những tài liệu mà nó kế
thừa từ text/htm
<b>
<hr>
<font color="lime">
<b>
☺
<font color="red">
<b>»</b>
<a href="http://mobitime.xtgem.com/">Trang Chu</a>
<hr>
390
<img src="http://countreg.com/?beeline" alt="" />
<hr>
<div style="background-color:red; border:2px solid#ff0000; margin:4px" align="center">
<font>
©
<br />
copyright MobiTime.xtgem.com
</font>
</div>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()">
<span class="google-src-text" style="direction: ltr; text-align: left">
<html>
<body>
<script type="text/javascript">
("
<h1>
</h1>
"("
<p align="left">
</p>
"); document.write("
<p align="left">
</p>
");
</script>
</body>
</html>
</span>
<html>
<body>
<script type="text/javascript">
</ script>
</ body>
</ html>
</span>
</p>
<a href="http://c.admob.com/c1.php/2/EkrZ0FPAi3EkCj34PbdvS4A7428DF0397B1da0427a87794f417">5,000 Mobile Apps and Games. FREE! </a>
<img src="http://a.admob.com/e0?a=a1488f4d1101950&s=a146fd029ce4483&z=1249126622.96<=0.40255798233&rt=2" alt="" />
</p>
<a href="http://xtgem.com" style="color: #d05987">Mobile site creator</a>
<img src="http://xtgem.com/c/tracking?utmn=466421250&utmr=&utmp=%2Fhtml+va+xhtml+la+gi&utsub=beeline.xtgem.com" alt="" />
<img src="http://pixel.quantserve.com/pixel/p-0cfM8Oh7M9bVQ.gif" alt="" />
<img src="http://pixel.quantserve.com/pixel/p-0cfM8Oh7M9bVQ.gif"/><br /><div style="text-align: left;"><form action="http://qteen.hexat.com"method="post"/><input type="submit" value="Trang Chủ" name="b" style="color:red; font-weight: bold"/></form><br /></div><div style="text-align:center;"><b style="color:fuchsia;">Bản Quyền © Qteen.Hexat.Com</b><br /><b style="color:blue;">Thanks To Xtgem</b><br /><a href="http://top.c-stat.eu/in.php?u=11900"><img src="http://top.c-stat.eu/c.php?u=11900" alt="C-STAT"/></a><a href="http://top.c-stat.eu/in.php?u=11899"><img src="http://top.c-stat.eu/c.php?u=11899" alt="C-STAT"/></a></div></div></div></table></div> <style type="text/css">
#xt_auth_container
{
position: static;
display: inline;
display: inline-block;
text-align: right;
margin: 3px 0; padding: 0;
width: 100%; height: auto;
border: none;
}
.xt_auth_view
{
position: static;
display: inline;
display: inline-block;
text-align: right;
margin: 0; padding: 0;
width: auto; height auto;
border: none;
}
.xt_auth_action
{
text-align: left;
position: static;
display: inline; zoom: 1;
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0;
padding: 0 5px;
height: 20px; width: auto;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: #2e2e2e;
background-color: rgba(0,0,0,0.4);
!background-color: #2e2e2e;
font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
text-decoration: none;
-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
-o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
color: #fff;
-webkit-user-select: none;
}
.xt_auth_action > * { vertical-align: top; }
.xt_auth_action:hover
{
background-color: #1f1f1f;
background-color: rgba(0,0,0,0.6);
}
.xt_auth_action:link,
.xt_auth_action:visited,
.xt_auth_action:active,
.xt_auth_action:hover
{
text-decoration: none;
color: #fff;
}
.xt_auth_icon, .xt_auth_avatar
{
position: static;
display: inline; display: inline-block;
width: 13px; height: 13px;
margin: 3px 1px 0 0;
padding: 0;
vertical-align: top;
border: 0;
}
.xt_auth_icon
{
background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png);
margin-right: 0;
}
.xt_auth_icon_enchanted
.xt_auth_icon
{
background-size: 103px;
/* margin: 4px 2px 0 0; */
}
/* join & subscribe */
.xt_auth_join .xt_auth_icon,
.xt_auth_subscribe .xt_auth_icon {
background-position: -92px 13px;
}
/* inbox */
.xt_auth_inbox
.xt_auth_icon { background-position: -78px 13px; }
/* rate */
.xt_auth_rate
.xt_auth_icon { background-position: 0 14px; }
/* unrate */
.xt_auth_unrate
.xt_auth_icon { background-position: -13px 14px; }
/* star */
.xt_auth_star
.xt_auth_icon { background-position: -26px 13px; }
/* unstar */
.xt_auth_unstar
.xt_auth_icon { background-position: -39px 13px; }
/* repost */
.xt_auth_repost
.xt_auth_icon { background-position: -52px 12px; margin-top: 4px; }
/* reposted */
.xt_auth_reposted
.xt_auth_icon { background-position: -65px 12px; margin-top: 4px; }
/* join & subscribe */
.xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon,
.xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon {
background-position: 11px 0.5px;
width: 12px;
}
/* inbox */
.xt_auth_icon_enchanted
.xt_auth_inbox
.xt_auth_icon { background-position: 25px 1px; }
/* rate */
.xt_auth_icon_enchanted
.xt_auth_rate
.xt_auth_icon { background-position: 0 0; }
/* unrate */
.xt_auth_icon_enchanted
.xt_auth_unrate
.xt_auth_icon { background-position: -13px 0; }
/* star */
.xt_auth_icon_enchanted
.xt_auth_star
.xt_auth_icon { background-position: 77px 0; }
/* unstar */
.xt_auth_icon_enchanted
.xt_auth_unstar
.xt_auth_icon { background-position: 64px 0; }
/* repost */
.xt_auth_icon_enchanted
.xt_auth_repost
.xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; }
/* reposted */
.xt_auth_icon_enchanted
.xt_auth_reposted
.xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; }
/* hidding */
.xt_auth_unstar,
.xt_auth_unsubscribe,
.xt_auth_unrate
{
display: none;
}
.xt_auth_action_star_active
.xt_auth_unstar,
.xt_auth_action_rate_active
.xt_auth_unrate,
.xt_auth_action_subscribe_active
.xt_auth_unsubscribe
{
display: inline-block;
}
.xt_auth_action_star_active
.xt_auth_star,
.xt_auth_action_rate_active
.xt_auth_rate,
.xt_auth_action_subscribe_active
.xt_auth_subscribe
{
display: none;
}
#xt_auth_container { position: fixed; }
html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; }
</style><div id='xt_auth_container'><div class='xt_auth_view xt_auth_not_logged'><a href='https://xtgem.com/auth/login?redir=VjFkUmJIQmpjMDVRU2tOTFVWUmhRVW95VUZsTk1EVlZUMFkxVWt4TGJYTktTekZSVFRGbGMxVXdXVVZNTVhkSlZFaENha0V5YkVZPQ%3D%3D&s=VjFkVmJuVkpWVU5IVkV0TlRWUjNXVWRLVlhOR01FOVpVR3c5UFE9PQ%3D%3D&is_a=0&is_f=0&via=New+authbar' target='_parent' class='xt_auth_action xt_auth_login'>Log in</a></div></div> <script type="text/javascript">
(function () {
var doc = document;
var body = doc.body;
var xhr_done_auth = true;
doc.addEventListener ? window.addEventListener( 'load', init, false ) : window.attachEvent( 'onload', init );
function init () {
doc = document;
body = doc.body;
var el_auth = doc.getElementById( 'xt_auth_container' );
doc.addEventListener ? el_auth.addEventListener( 'click', hook_xhr_action, false ) : el_auth.attachEvent( 'onclick', hook_xhr_action );
if ( 'backgroundSize' in doc.body.style ) {
if ( window.devicePixelRatio && window.devicePixelRatio > 1 ) {
el_auth.className += ' xt_auth_icon_enchanted';
}
}
}
// bind xhr links
function hook_xhr_action ( e ) {
var e = e || window.event;
var target = e.target || e.srcElement;
target = target.className == 'xt_auth_icon' ? target.parentNode : target;
if ( target.getAttribute( 'data-xhr' ) ) {
var url = target.href;
url = url + (url.indexOf( '?' ) == -1 ? '?via_ajax=1' : '&via_ajax=1');
load_data({ url: url, xhr_done: xhr_done_auth, callback: handle_xhr_response });
(e.preventDefault) ? e.preventDefault() : e.returnValue = false; return false;
}
}
function handle_xhr_response ( xhr ) {
function handle_error ( xhr ) {
window.location.href = window.location.href;
}
function handle_success ( xhr ) {
var wrapper = document.getElementById( 'xt_auth_container' );
var tmp_class = wrapper.className;
var current_action = xhr.response.split( ';' )[1];
var actions = {
bookmark: 'xt_auth_action_star_active',
vote: 'xt_auth_action_rate_active',
subscribe: 'xt_auth_action_subscribe_active'
};
for ( key in actions ) {
if ( !actions.hasOwnProperty( key ) ) continue;
if ( current_action.indexOf( key ) == -1 ) continue;
wrapper.className = current_action.indexOf( 'un' ) == -1 ? tmp_class + ' ' + actions[key] : tmp_class.replace( (' ' + actions[key]), '' );
}
}
xhr.response = xhr.response ? xhr.response : xhr.responseText;
(xhr.status != 200 || xhr.response.indexOf( 'ERR;') != -1 ) ? handle_error(xhr) : handle_success(xhr);
}
//load_data( { url: url, method: method, data: data, async: async, xhr_done: xhr_done, callback: callback });
function load_data( settings ) {
var async = settings.async ? !!settings.async : true,
url = settings.url ? settings.url.toString() : false,
method = settings.method ? settings.method.toUpperCase() : 'GET',
callback = settings.callback ? settings.callback : false,
data = settings.data ? settings.data.toString() : '',
xhr_done = settings.xhr_done ? settings.xhr_done : null,
xhr;
// xhr in progress or url not provided -> exit
if ( !( (xhr_done == true || xhr_done == null) && url ) ) return;
if ( typeof XMLHttpRequest !== 'undefined' )
{
xhr = new XMLHttpRequest();
}
else
{
try
{
xhr = new XMLHttpRequest("MSXML2.XmlHttp.5.0") || new XMLHttpRequest("MSXML2.XmlHttp.4.0") ||
new XMLHttpRequest("MSXML2.XmlHttp.3.0") || new XMLHttpRequest("MSXML2.XmlHttp.2.0") ||
new XMLHttpRequest("Microsoft.XmlHttp");
} catch ( e ) {}
}
// if xhr object does not supported or url not given, exit
xhr.onreadystatechange = function () {
if ( xhr.readyState != 4 ) return;
if ( xhr_done != null ) xhr_done = true;
callback ? callback( xhr ) : null;
}
xhr.open( method, url, async );
if ( method === 'POST' ) {
xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" );
xhr.send( data );
} else {
xhr.send( null );
}
if ( xhr_done != null ) xhr_done = false;
};
})();
</script><br /><!----><noscript></noscript><script type="text/javascript"></script><textarea style="display:none;"></textarea><style></style><iframe style="display:none;width:0px;height:0px;border:0"></iframe><noframes>]]>
