وبلاگ آسیا آی تی » HTML5 https://blog.asiait.ir آی تی | معرفی سایت ها | نقد برسی | آموزش | دانلود Sun, 18 Sep 2016 07:04:56 +0000 fa-IR hourly 1 http://asiait.ir/?v=4.1 طراحی سایت به سبک HTML6 https://blog.asiait.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-html6/ https://blog.asiait.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-html6/#comments Fri, 15 May 2015 18:48:38 +0000 http://blog.asiait.ir/?p=1049 طراحی سایت به سبک HTML6

با توجه به نتایج خارق العاده از انتشار نسخه های مختلف زبان HTML که از جمله زبان های ساده در زمینه طراحی سایت و توسعه وب است، در نسخه جدید خود یعنی HTML6 هم  مجموعه ی فوق العاده ای برای فعالان عرصه طراحی سایت و توسعه دهندگان به ارمغان آورده است. اکنون نگاهی به دو نسخه 5 و 6 HTML خواهیم انداخت.

introduction-to-html6

مفهوم HTML5:

در این نسخه امکان مدیریت برنامه های وب با دقت و نظم بالایی وجود دارد و این قابلیت با  ابزارهای <header>, <menu>,<nav> , <menuitem> و … . بوجود آمده است.

توسعه­ دهندگان می­توانند برخی از ویژگی های شاخص  HTML5 که  شامل: آهنگ، ویدئو، ذخیره در حالت آفلاین و … را با اصول بهینه سازی سایت(سئو) همراه کنند. همچنین HTML6 این امکان را برای کاربران خود بوجود آورده است که از خاصیت و ویژگی نوعی از برچسب ها را استفاده کنند، مانند برچسب link و script؛ و حتی امکان استفاده از برچسب­ های <article> و> <section را در بهترین حالت ممکن ساخته است. تاکنون ترفند های زیادی ابداع نشده است که بتوان به وسیله ی آن ها به نتایج مطلوب رسید، به همین دلیل هنگام استفاده باید هوشمندانه عمل کرد.

مفهوم HTML 6:

ورژن HTML6 نسخه ی ارتقا یافته ­­ی  HTML ها است که دارای NameSpaces با ساختار XML می باشد. از ویژگی های مهم NameSpaces این است که با استفاده از برچسب­های <logo/>< logo>  و <toolbar/>< toolbar> قادر خواهید بود امکانی فراهم کنید که سایت قادر به شناسایی و تشخیص لوگو در صفحات وب سایت باشد. یکی دیگر از امکانات HTML6  این است که توسعه دهندگان وب و برنامه­ نویسان در طراحی سایت مورد نظرشان می توانند ار برچسب <container> به جای <div id =’container’> استفاده کنند.

maxresdefault

در حالت کلی  HTML6 دارای دو نوع برچسب منفرد حامل اطلاعات و ویژگی ها است، اما داده ها شامل متن نمی­ باشند، همچنین برچسب­ های جفتی می­توانند همراه با متن باشند. برخی از برچسب­های منفرد که در HTML6 قرار دارند که می­ توانند دارای namesapec   های زیر باشند:

<html:html>

<html:head>

<html:title>

<html:meta>

<html:link>

<html:a>

<html:media>

<html:body>

<html:button>

چند ویژگی که HTML6 را متمایز می کند:

  • امکان تغییر سایز تصاویر در مرورگر ها
  • زبان­های قابل اجرا
  • مدیریت بهتر در کنترل اشیای ویدئویی
  • پیش پردازنده های جایگزین
  • دسترسی امن به اطلاعات
]]> https://blog.asiait.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-html6/feed/ 1 مقدمه ای بر HTML https://blog.asiait.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1-html/ https://blog.asiait.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1-html/#comments Fri, 13 Mar 2015 17:02:48 +0000 http://blog.asiait.ir/?p=481 این مقاله شامل مقدمه ای بر HTML و تعریف، کاربرد و نحوه کلی استفاده از آن است. با HTML شما می توانید وب سایت خود را بسازید. زبان HTML بسیار ساده و روان است و شما از یادگیری آن لذت خواهید برد.

html5

HTML چیست؟

HTML یک زبان نشانه گذاری برای توصیف نوشته ها و اسناد وب است.

  • HTML مخفف عبارت Hyper Text Markup Language است.
  • یک زبان نشانه گذاری مجموعه ای از تگ های نشانه گذاری است.
  • اسناد HTML با تگ های HTML می گردند.
  • هر تگ HTML یک محتوای خاص را توصیف می‌کند.

نمونه کد HTML

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>تیتر شماره 1</h1>
<p>پاراگراف شماره 1</p>
</body>
</html>

توضیح مثال

  • اعلان DOCTYPE نوع سند را به صورت HTML تعریف می‌کند.
  • متن بین <html> و <html/> سند HTML را توصیف می‌کند.
  • متن بین <head> و <head/> اطلاعاتی درباره سند ارائه می‌دهد.
  • متن بین <title> و <title/> یک عنوان برای سند قرار می‌دهد.
  • متن بین <body> و <body/> محتوای قابل نمایش داخل صفحه را تهیه میکند.
  • متن <h1> و <h1/> سرتیتر یا بزرگ ترین تیتر داخل محتوای قابل نمایش را توصیف می‌کند.
  • متن بین <p> و <p/> یک پاراگراف را توصیف می‌کند.

با این تواصیف یک مرورگر وب می تواند یک سرتیتر با یک پاراگراف را نمایش خواهد داد.

تگ‌های HTML

تگ های HTML کلمات کلیدی هستند که داخل <> قرار میگیرند.

<tagname>محتوا</tagname>

  • تگ‌های HTML معمولا به صورت یک جفت هستند که اولی درون <> و دومی درون</> نوشته می‌شوند.
  • تگ اول را تگ شروع و تگ دوم را تگ پایان می‌نامند.

نکته 1

نکته 1

گاهی اوقات تگ شروع را تگ بازکردن و تگ پایان را تگ بستن می‌نامند.

مرورگرها

یکی از اهداف مرورگرها توانایی خواندن و نمایش مستندات HTML است.

مرورگرها تگ‌های HTML را نمایش نمی‌دهند. آن‌ها تنها محتوای داخل تگ‌ها را تخمین زده و درصورت لزوم نمایش می‌دهند.

نحوه نمایش سند HTML در مرورگر
نحوه نمایش سند HTML در مرورگر

 ساختار صفحه HTML

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>تیتر شماره 1</h1>
<p>پاراگراف شماره 1</p>
<p>پاراگراف شماره 2</p>
</body>
</html>

همانطور که مشاهده فرمودید فقط ساختار <body> که به رنگ قرمز است درون مرورگر نشان داده می‌شود.

<!DOCTYPE>اعلان

 اعلان <!DOCTYPE> به مرورگر کمک می‌کند که صفحه وب را به درستی نمایش دهد. انواع مختلفی از اسناد تحت وب وجود دارد که یکی از آن‌ها HTML است.  برای اینکه صفحه وب به طرز صحیحی نمایش داده شود، مرورگر باید نوع و ورژن سند را بداند.

doctype یا همان نوع سند به حروف کوچک و بزرگ حساس نیست و به شکل های زیر می تواند نمایش یابد.

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

اعلان های رایج

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

نسخه‌های HTML

نسخه سال
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

پایان بخش اول

]]> https://blog.asiait.ir/%d9%85%d9%82%d8%af%d9%85%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1-html/feed/ 4